1 css语法 2 css导入样式 3 css选择器 3 1 基本选择器 3 2 组合选择器 3 3 分组和嵌套 3 4 属性选择器 3 5 伪类选择器 3 6 伪元素选择器 4 CSS选择器的优先级 5 css属性 5 1 文字相关的属性 5 2 宽度和高度 5 3 背景background 5 ...
分类：
Web程序 时间：
2020-03-14 01:21:57
阅读次数：
69
总结一下伪类与伪元素的特性及其区别： 伪类本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息； 伪元素本质上是创建了一个有内容的虚拟容器； CSS3中伪类和伪元素的语法不同； 伪类 :link :hover 伪元素 ::before ::after 可以同时使用多个伪类，而只能同时使用一个伪 ...
分类：
其他好文 时间：
2020-03-08 21:41:08
阅读次数：
59
<!-- ##简单选择器 1.ID选择器 2.元素选择器 3.类选择器 4.通配符选择器*{} 5.属性选择器 [元素名="#"]{} 6.伪类选择器 :hover 或者a:hover 鼠标悬停时的状态 # active{} a:active{} 鼠标按下的元素有效果（通常用在a元素中）## lin ...
分类：
其他好文 时间：
2020-03-08 13:40:43
阅读次数：
62
HTML5简介 万维网的核心语言，标准通用标记语言的写一个应用超文本标记语言（HTML）的第五次重大修改，作为新HTML语言，具有新的元素，属性和行为；广义的HTML是包含HTML5本身 + CSS3 + JavaScript，虽然不被所有浏览器所支持，但它是一种趋势； 新增语义化标签 注意： 1. ...
分类：
其他好文 时间：
2020-03-06 23:57:38
阅读次数：
108
一、选择器优先级（权重） 选择器 行内样式（内联样式） id选择器 类选择器/属性选择器/伪类选择器 标签选择器 权重 1000 100 10 1 !importan简介 语法格式：{cssRule !important}，即写在定义的最后面； 声明了!important的样式，具有最高的优先级 b ...
分类：
Web程序 时间：
2020-03-05 20:55:35
阅读次数：
98
目标伪类选择器 给跳转到的目标设置样式 <!-- 目标伪类选择器 --> <a name="target">目标</a> <a href="#target">显示目标</a> :target{ border: 1px solid red; color: blueviolet; } outline: ...
分类：
Web程序 时间：
2020-03-05 00:47:40
阅读次数：
107
首先第一条很重要 元素添加hover伪类选择器时候一定要紧贴这hover，不能有空格，有空格的话会失效 错误例子： 正确例子： 第二 当想要在父元素添加hover在子元素的实现效果 子元素应该写在hover后面空格隔开 这个例子中就是当鼠标经过ul的时候，li会在设置的角度旋转 注意 仅可以给自身的 ...
分类：
Web程序 时间：
2020-03-01 20:03:50
阅读次数：
111
伪元素 伪元素可以创建一些文档语言无法创建的虚拟元素。 比如：文档语言没有一种机制可以描述元素内容的第一个字母或第一行，但伪元素可以做到(::first-letter、::first-line)。 同时，伪元素还可以创建源文档不存在的内容，比如使用 ::before 或 ::after。 不能用伪元 ...
分类：
Web程序 时间：
2020-02-29 22:18:11
阅读次数：
103
伪类选择器一般会用在超链接a标签中，使用a标签的伪类选择器，我们一定要遵循"爱恨准则" LoVe HAte 1 /*没有被访问的a标签的样式*/ 2 .box ul li.item1 a:link{ 3 4 color: #666; 5 } 6 /*访问过后的a标签的样式*/ 7 .box ul l ...
分类：
其他好文 时间：
2020-02-29 13:05:33
阅读次数：
56
active伪类解决 HTML代码 <div class='box'> </div> CSS代码 .box { width: 100px; height: 100px; background: green; transition: transform 0.3s ease-out; } .box:ac ...
分类：
移动开发 时间：
2020-02-28 01:32:42
阅读次数：
116
