CSS三大特性—— 继承、 优先级和层叠。
继承:即子类元素继承父类的样式;
优先级:是指不同类别样式的权重比较;
层叠:是说当数量相同时,通过层叠(后者覆盖前者)的样式。
选择器
1.常用的:
类型选择器(又名元素选择器):寻找特定类型的元素如段落,标签元素
后代选择器:寻找特定元素或元素组的后代,后代选择器由其他两选择器之间的空格表示
2.ID选择器 #+名称,
类选择器 .+名,
3.伪类:https://www.cnblogs.com/smyhvae/p/8280814.html有关伪类的详细解读(里面有个导航的例子)
我的理解:一个标签后面的动作是伪类,这也是选择器(:link、:visited、:hover、:active)
注意:写a:link
、a:visited
这两个伪类的时候,要么同时写,要么同时不写。
input:focus是让文本框获取焦点时可以设置框内背景颜色字体颜色还有边框特点
4.锚点:通过a链接实现页面跳转, ①跳转到当前页面中指定的位置,即单页面跳转;②跳转到其指定的其他页面
详情在https://blog.csdn.net/wpengBlog/article/details/75675550
5.子选择器:只选择元素的直接后代即子元素(后代选择器是选择一个元素的所有后代)
相邻同胞选择器可以定位同一个父元素下某个元素之后的元素。
属性选择器:属性选择器可以有多个值,值之间用空格分隔
div.post .text a[rel~="contact"],说一下rel,<a> 标签的 rel 属性用于指定当前文档与被链接文档的关系
<a href="part_12.html" rel="next"rev="prev">
有关rel的属性意义 http://www.w3school.com.cn/tags/att_a_rel.asp
有关css3的选择器的用法总结:http://www.php.cn/toutiao-382728.html
6.层叠性:
重要度次序:标有!important的用户样式>标有!important的作者样式>作者样式>用户样式>浏览器、用户代理应用的样式
7.优先级(特殊性):!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性
同一级别
8.在主体标签添加类或ID,可以使用它的覆盖样式
9.继承:应用样式的元素的后代会继承样式的某些特点(如主体文字颜色为黑色,则主体元素的所有后代也为黑色)
10.对文档应用的样式,css外部样式表
代码的结构:通常一般规则的放在最前面(body)
顺序:一般性样式(主体样式 ,reset样式, 链接, 标题, 其他元素)
辅助样式(表单, 通知和错误, 一致的条目)
页面结构(标题、页脚和导航, 布局, 其他页面结构的元素)
页面组件(各个页面)
覆盖
11.删除注释和优化样式表-css优化器(删除注释),减小文件大小的最好方法可能是启用服务器端压缩
12.样式指南