使用CSS的五种方式

  1. 行内样式:写在元素的style属性里

  2. 内嵌样式:写在style元素内

  3. 导入样式:在style元素内开头使用@import url(index.css);方式引入,这种方式实际上算是内嵌样式

  4. 链接样式:使用link元素引入css文件,如<link type="text/css" rel="stylesheet" href="c1.css">if error, maybe file path is wrong, maybe filename is wrong.

  5. 默认样式:集合每一种html标签都有默认的css样式

当某个样式属性出现多次时,就需要使用优先级规则解决产生的矛盾:

  1. 不同引入方式的优先级:行内 > 内嵌、导入和链接 > 默认样式

  2. 同一种引入方式或相同优先级的引入方式中,后出现的会覆盖先出现的

Reference

CSS的三种使用方法

posted @ 2017-10-14 21:46  魏兀平  阅读(187)  评论(0编辑  收藏  举报