代码改变世界

CSS核心概念

2017-10-08 17:54  那些年111  阅读(135)  评论(0)    收藏  举报

  ##继承

应用在某个标签/元素的CSS属性传递给了内部嵌套的标签。通常文本的会被继承(字体,颜色,字号),Chrome里灰色的表示没有继承。

##层叠

内嵌 1 0 0 0       id 0 1 0 0      class属性,伪类 0 0 1 0      元素、伪元素 0 0 0 1        通常符*   0             !important 最高

1、一个标签可能有一个或多个样式的来源,当属性发生冲突,按照加载顺序和权重大小决定

2、样式不冲突同时作用;样式冲突,对比权重

3、权重相同,后面覆盖前面;权重不同,权重大生效。

调字体

.F44{

/*字体大小,字号*/

font-size:20px;

font-size:Algerion;

font-weight:400;

}

/*文本类*/

text-align:center;

text-indent:2px;

line-height:20px;

text-shadow:1px  1px  2px red;