有路网PC端

 

　　有路网移动端

 

　　免费配套视频教程

 

　　教程配套源码资源

 

　　考虑对人的描述方式

 

　　HTML标签作为标签选择器的名称

 

　　<标签名 class= “类名称”>标签内容</标签名>

 

　　<标签名 id= “id名称”>标签内容</标签名>

 

　　标签选择器直接应用于HTML标签

 

　　类选择器可在页面中多次使用

 

　　ID选择器在同一个页面中只能使用一次

 

　　使用标签选择器设置标题字体大小为20px

 

　　页面中所有段落中的文本字体大小为16px

 

　　使用类选择器设置正文和译文内容字体颜色为绿色

 

　　使用ID选择器设置译文标题颜色为蓝色

 

　　后代选择器

 

　　交集选择器

 

　　并集选择器

 

　　在CSS选择器中通过嵌套的方式，对特殊位置的HTML标签进行声明.

 

　　外层的标签写在前面，内层的标签写在后面，之间用空格分隔.

 

　　标签嵌套时，内层的标签成为外层标签的后代.

 

　　由两个选择器直接连接构成，选中二者各自元素范围的交集.

 

　　第一个必须是标签选择器，第二个必须是类选择器或者ID选择器.

 

　　选择器之间不能有空格，必须连续书写

 

　　多个选择器通过逗号连接而成.

 

　　利用并集选择器同时声明风格相同样式.

 

　　行内样式内部样式表外部样式表

 

　　优点

 

　　方便在同页面中修改样式

 

　　缺点

 

　　不利于在多页面间共享复用代码及维护，对内容与样式的分离也不够彻底

 

　　CSS代码保存在扩展名为.css的样式表中.

 

　　HTML文件引用扩展名为.css的样式表，有两种方式

 

　　链接式导入式

 

　　链接外部样式表

 

　　子标签可以继承父标签的样式风格

 

　　子标签可以覆写父标签的样式，但不会影响父标签的样式风格

 

　　ID选择器>类选择器>标签选择器

 

　　p和.first都匹配到了p这个标签上，green是正确的颜色

 

　　在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用

 

　　内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。

 

　　有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。