码迷,mamicode.com
首页 > 其他好文 > 详细

scc的使用

时间:2015-07-13 18:27:31      阅读:370      评论:0      收藏:0      [点我收藏+]

标签:

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”规则的优先级最大;   

scc的使用

标签:

原文地址:http://www.cnblogs.com/wangjie-01/p/4643313.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!