CSS_01
来源:互联网 发布:网络拓扑结构形状 编辑:程序博客网 时间:2024/06/06 01:38
CSS_01
1.继承性
应用场景设置网页的一些共有的信息,例如网页的文字颜色,字体,文字大小等内容
例如:
body{
font-size:12px;
font-family:"微软雅黑";
color:#666;
}
注意的点
1.并不是所欲属性都可以继承,只有color/font-/text-/line-开头的属性才可以继承
2.在css的继承中,不仅仅是儿子可以继承,只要后代都可以继承
3.继承性中的特殊性
标签的文字颜色和下划线是不能继承的
标签的文字大小是不能继承
2.优先级
作用:当多个选择器同时选中同一个标签,并且同时设置标签相同的属性的时候,如何层叠就由优先级来决定
判断优先级的三种方式
间接选中就是继承
如果间接选中,那么就是谁离目标标签比较近就听谁的
相同选择器(直接选中)
如果都是直接选中,并且都是相同类型的选择器,那么就是谁写在后面就听谁的
不同选择器(直接选中)
如果都是直接选中,并且都不是相同类型的选择器,那么就会按照选择器的优先级来层叠
id>类>标签>通配符>继承>浏览器默认
优先级的权重问题
作用:当多个选择器混合在一起使用时,我们可以通过计算权重来
判断谁的优先级最高
权重的计算规则
1.首先先计算选择器中有多少个id,id多的选择器优先级最高
2.如果id的个数一样,那么看类名的个数,类名个数多的优先级最高
3.如果类名的个数一样,那么看标签的个数,标签个数多的优先级最高
4.如果前面三个数一样,那么谁写在后面听谁的
只有选择器不是直接选中标签的时候才需要计算权重,否则一定会听直接选中
的选择器的
3.!important
作用:用于提升摸个属性的优先级,可以将被指定的属性的优先级提升为最高格式:
p{
color:blue !important;
font-size:10px;
}
注意点:
1.!important只能用于直接选中,不能用于间接选中
2.通配符选择器选中的标签也是直接选中的
3.!important 只能提升指定属性的优先级,其他的属性不会提升
4.必须写在属性值的分号前面
5.前面的感叹号不能省略
阅读全文
0 0
- CSS_01
- CSS_01
- CSS_01
- CSS_01基础知识
- CSS_01 语法
- 01-Kafka源码编译阅读环境搭建
- java.lang.ClassCastException: [Ljava.lang.Object; cannot be cast to
- GLES20.glViewport(0, 0, width, height);
- Swift CocoaPod导入框架报错
- jdk安装
- CSS_01
- css学习笔记之px & em
- webpack基础入门
- 实现comparable接口,从写compareTo方法对object数组元素进行排序。
- spring集成定时任务框架 Quartz的两种方式
- 装饰模式--可用或不用,还能自定义
- fibonacci数列的Python表示方法
- xutils3 断点续传介绍
- web项目PDF导出---freemarker 与 ITextRenderer--加页码