从零开始前端学习[24]:css的高级属性(继承，重用，组件化的开发过程)

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基类样式用于引用