CSS 01
实现结构,表现和内容相分离; 1. 便于我们后续页面的代码维护和更新; 2. 优化搜索引擎; 3. 通过CSS样式
1. 引入方式: A. 外部样式: 定义文档与外部资源的关系; <link rel="stylesheet" href="" /> rel: 文档和被链接文档的关系; href: 外部资源的访问路径; B. 嵌入样式表: <style type="text/css"> //样式 </style> C. 内联样式表: 直接在标签内定义CSS样式; 2. 选择器 选择器: 用于选择需要进行进行样式的元素; 规则: 样式规则; A. 元素选择器: 元素 { //样式 } B. 类选择器: .className { //样式 } C. ID选择器: #id { //样式 } D. 伪类和伪元素选择器: a:link a:visited a:hover a:active p:first-letter p:first-child p:first-of-type E. 复合选择器 交集选择器: 并集选择器: 包含选择器: F. 相邻选择器:必须相邻的兄弟元素 G. 兄弟选择器:不用相邻 H. 属性选择 E[att="val"]: 属性值等于val; E[att~="val"]: 属性值只要是val中的一个即可; E[att^="val"]: 属性值以val开头的; E[att$="val"]: 选择具有att属性且属性值为以val结尾的字符串的E元素; E[att*="val"]: 属性值为包含val的字符串的E元素; E[att|="val"]: 以val开头并用连接符"-"分隔的字符串的E元素; 3. 为什么要初始化CSS？
CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同，所以开发时的第一件事就是如何把它们统一。如果没对CSS初始化往往会出现浏览器之间的页面差异。
4. 选择器的优先权 1.内联样式表的权值最高 1000； 2.ID 选择器的权值为 100； 3.Class 类选择器的权值为 10； 4.HTML 标签选择器的权值为 1；
CSS 优先级法则 1.选择器都有一个权值，权值越大越优先； 2.当权值相等时，后出现的样式表设置要优于先出现的样式表设置； 3.创作者的规则高于浏览者：即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式； 4.继承的CSS 样式不如后来指定的CSS 样式； 5.在同一组属性设置中标有“!important”规则的优先级最大；