CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/06 CSS

1、使用 :not() 在菜单上应用/取消应用边框先给每一个菜单项添加边框 CSS Code复制内容到剪贴板 /* add border */ .nav li { border-right: 1px solid #666; } 然后再除去最后一个元...

设置span宽度高度的方法

前端技术 2023/09/06 CSS

span宽度高度设置复制代码代码如下:<!DOCTYPE html><html xmlns=\"<a href=\"http://www.w3.org/1999/xhtml\">http://www.w3.org/1999/xhtml</a...

前端技术 2023/09/06 CSS

css全屏背景图片设置,django加载图片路径详解 XML/HTML Code复制内容到剪贴板 <head> <style type=\"text/css\"> #bg { position:fixed; ...

使用css画三角形的方法代码

前端技术 2023/09/06 CSS

用纯css画个三角形以下是源代码：复制代码代码如下:<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"<a href=\"http://www.w3.org/TR/x...

前端技术 2023/09/06 CSS

就是做到类似于下图这种效果通过简单的Css样式就可以实现复制代码代码如下: <div style=\"margin:0 auto;width:200px;\"> <input class=\"submit\" id=\"btn\" typ...

CSS数字列表实现方法

前端技术 2023/09/06 CSS

本文实例讲述了CSS数字列表实现方法。分享给大家供大家参考。具体分析如下：这是另类的CSS列表标号技巧示例，实际上纯粹的这种效果没有什么实用价值，不过如果你将标号改为图片就大大有用了，呵，这也就成了很多网站都在用的图文导航，可以作为首页每个栏目的导航，有图片，有文字，整齐美观...

前端技术 2023/09/06 CSS

z-index的重要性在我看来，z-index 给了我们日常工作中以极大的帮助，我们用它来定义元素的层叠级别（stack level）。受益于它，你能做Popup, DropDown, Tips, 图文替换等等。在开始本篇之前，或许我们要先了解一下关于z-index的基本信...

CSS中的元素定位方法详解

前端技术 2023/09/06 CSS

1.盒模型盒模型，就是浏览器为页面中的每个 HTML 元素生成的矩形盒子。这些盒子们都要按照可见版式模型（visual formatting model）在页面上排布。可见的页面版式主要由三个属性控制： position 属性、 display 属性和 float 属性...

css3隔行变换色实现示例

前端技术 2023/09/06 CSS

复制代码代码如下: <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" /> <title>无标题文档</title> &lt...

前端技术 2023/09/06 CSS

em：1em为当前字体font-size，一般浏览器默认为（16px）； ex：以给定字体的小写字母x的高度为基准 px：像素，屏幕上的一个小方格 pt单位名称为点（Point），绝对长度单位一般老版本的table使用长度大小单位但是现在基本上没有使用。

关闭

我的博客