【CSS】盒模型+选择器(你选择的要操作的对象)
2015-09-21 22:46
369 查看
盒模型
转http://www.cnblogs.com/cchyao/archive/2010/07/12/1775846.html
1.w3c标准的盒模型和ie的盒模型主要差别在于content的width和height是否包含border padding
2.标准的content是不包含border padding的
3.如何让ie也标准起来,加上<!doctype html>
--------
选择器
转http://www.cnblogs.com/yongzhi/articles/1267645.html
1.优先级 最高 border:1px solid #000 !important 次高 <div style=> 3高 id="content" #content{} 第四级伪类 class="content" .content{} 第5级 div{} 第6级 *{}
另外,可以用一句极为简单的话来描述CSS优先级问题:当一个CSS选择器拥有更多的高级别属性时,它的优先级就会比较高。如 #i100 *.c20 *.c10{} 的优先级就会高于 #i100 *.c10 div p span em{} ,这是由于前者拥有一个第三级和两个第四级的选择器而后者第三级和第四级的选择器各为一个,当然前者优先级会比较高。
当比较多个相同级别的CSS选择器优先级时,它们定义的位置将决定一切。下面从位置上将CSS优先级由高到低分为六级:
位于<head/>标签里的<style/>中所定义的CSS拥有最高级的优先权。
第二级的优先属性由位于 <style/>标签中的 @import 引入样式表所定义。
第三级的优先属性由<link/>标签所引入的样式表定义。
第四级的优先属性由<link/>标签所引入的样式表内的 @import 导入样式表定义。
第五级优先的样式有用户设定。
最低级的优先权由浏览器默认。
转http://www.cnblogs.com/cchyao/archive/2010/07/12/1775846.html
1.w3c标准的盒模型和ie的盒模型主要差别在于content的width和height是否包含border padding
2.标准的content是不包含border padding的
3.如何让ie也标准起来,加上<!doctype html>
--------
选择器
转http://www.cnblogs.com/yongzhi/articles/1267645.html
1.优先级 最高 border:1px solid #000 !important 次高 <div style=> 3高 id="content" #content{} 第四级伪类 class="content" .content{} 第5级 div{} 第6级 *{}
另外,可以用一句极为简单的话来描述CSS优先级问题:当一个CSS选择器拥有更多的高级别属性时,它的优先级就会比较高。如 #i100 *.c20 *.c10{} 的优先级就会高于 #i100 *.c10 div p span em{} ,这是由于前者拥有一个第三级和两个第四级的选择器而后者第三级和第四级的选择器各为一个,当然前者优先级会比较高。
当比较多个相同级别的CSS选择器优先级时,它们定义的位置将决定一切。下面从位置上将CSS优先级由高到低分为六级:
位于<head/>标签里的<style/>中所定义的CSS拥有最高级的优先权。
第二级的优先属性由位于 <style/>标签中的 @import 引入样式表所定义。
第三级的优先属性由<link/>标签所引入的样式表定义。
第四级的优先属性由<link/>标签所引入的样式表内的 @import 导入样式表定义。
第五级优先的样式有用户设定。
最低级的优先权由浏览器默认。
相关文章推荐
- CSS3动画之透视
- css学习备忘
- CSS3动画之百度钱包
- [前端] css3滤镜效果
- css里面的颜色
- css中padding和magin的区别
- CSS3动画之无缝滚动
- css中单位px、pt、em和rem的区别
- 浅谈box-sizing的用法
- 原生JS修改标签样式为带阴影效果
- CSS
- CSS3动画下拉菜单(当transition遇到display的坑)
- css解决方案经验杂记
- css position两个属性值absolute和fixed的区别
- CSS visibility 属性
- 页面防止js,css等缓存问题解决办法
- css3--简单制作时钟
- .NET Web后台动态加载Css、JS 文件,换肤方案
- GTK+浅谈之九控件的外观样式
- 将复选框是否选择对应的样式转换为标记字段传给后台的实现