css的高级属性(继承,重用,组件化的开发过程)
- css的继承特性
- css的重用特性
- css的组件化的开发过程
提示
博主:章飞_906285288
博客地址:http://blog.csdn.net/qq_29924041
css的继承特性
特定的css属性向下传递到孙元素
- 默认继承的有color
- font: small-caps italic bold 50px/100px ‘microsoft yahei’
- text-align
- text-indent:
- letter-spacing
- word-spacing
list-style
注意:
a标签默认是不继承color属性的,如果想让其继承color的话,这个时候必须要使用color:inherit;
css的重用特性
Css重用:在我们开发网站时,有很多代码时一样的,多次使用的,这样会造成代码冗余,因此,我们可以把相同的代码通过添加特定的class来实现,我们只需要在需要这些相同属性的标签上加上相应的class类名即可。
在css中有很多地方是可以使用标准类来进行集成引用的
例如:
.f_l{float:left}
.f_r{float:right}
.clearfix:after{clear:both;content:"";display:block;}
css的组件化的开发过程
组件化开发:网页中不同功能模块,写入不同的css文件,即需要定义很多标准的模板css样式用于引用:
例如:网站顶部导航,网站底部,侧边栏
引入外部链接: <link rel="stylesheet" href="style.css">(rel 描述了当前页面与href所指定文档的关系)
新建css外部样式:文件格式为.css,字符编码: @charset"UTF-8";
在上面的组件化开发过程在使用过程是比较重要的,实际开发过程中往往会定义很多标准的css基类样式用于引用