码迷,mamicode.com
首页 > Web开发 > 详细

CSS核心概念

时间:2017-10-08 18:52:28      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:概念   冲突   灰色   bsp   indent   shadow   line   样式   chrome   

  ##继承

应用在某个标签/元素的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;

CSS核心概念

标签:概念   冲突   灰色   bsp   indent   shadow   line   样式   chrome   

原文地址:http://www.cnblogs.com/ngxiao/p/7638051.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!