【CSS】盒模型+选择器(你选择的要操作的对象)
2024-08-31 14:41:50
盒模型
转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 导入样式表定义。
- 第五级优先的样式有用户设定。
- 最低级的优先权由浏览器默认。
最新文章
- Sencha ExtJS 6 Widget Grid 入门
- Bootstrap~学习笔记索引
- core的生成
- CSS之边框覆盖
- Android 菜单(OptionMenu)
- hdu 2665 Kth number
- LotusPhp入口文件解析
- Python实现ID3(信息增益)
- [原]命令模式在MVC框架中的应用
- POJ2528 Mayor&;#39;s posters 【线段树】+【成段更新】+【离散化】
- linux下删除乱码文件、目录
- (转)通过Net-Speeder为搬瓦工提升网速
- 在HTM中显示播放视频
- java什么叫线程安全?什么叫不安全?
- jupyter nootbook本地使用指南
- activiti 快速入门--组任务(candidate users)分配(6)
- centos7 下yum源安装nginx
- 查询数据SELECT 之单表查询
- Art: Neural Style Transfer
- nodejs 负载均衡