H5前端开发学习笔记

H5前端开发学习笔记——0x10CSS三大特性

2018-07-09  本文已影响0人  夜莺之刃

本节内容

谷歌开发者工具其它使用

f12按开后自己玩去吧!

继承性

给我们的父元素设置的属性,子元素也是可以使用的,这就是继承性

注意点

应用场景

一般用于设置网页上的共性信息,如网页文字颜色,字体,文字大小等内容,一般情况下,这样设置:

body{
    骚操作;
}

层叠性

就是css处理冲突的一种能力,

注意点

优先级

当我们的多个选择器选中“同一个标签”,然后设置了“相同的属性”,如何层叠就由优先级来确定

优先级判断的三种方式

  1. 是否是直接选中(间接选中就是指继承)
  1. 相同的选择器
  1. 不同选择器

优先级之!important

用于提升摸个直接选中标签的选择器中的某个属性的优先级,可以将被指定的属性优先级提升为最高

注意

优先级之权重问题

当多个选择器混合在一起使用的时候,可以计算权重判断谁的优先级最高

计算规则

  1. 首先计算选择器中有多少个id,id多的选择器优先级最高
  2. 若id个数一样,再看class的个数,class多的优先级最高
  3. 若class个数一样,再看标签名称的个数,标签名称个数多的优先级最高
  4. 若id、class、标签名称都一样的话,就不会继续往下计算权重,谁写在后面就听谁的

注意点

上一篇 下一篇

猜你喜欢

热点阅读