CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。
内联式:
<p style=“color:red">这里文字是红色。</p>
直接在项目后面写style=“”里面的样式要用;隔开
<p style="color:red;font-size:12px">这里文字是红色。</p>
嵌入式:
<style type="text/css">
span{
color:red;
}
</style>
可以理解为将样式单独提取出来,统一命名、定义。
外部式:
把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内使用<link>标签将css样式文件链接到HTML文件内。
<link href="base.css" rel="stylesheet" type="text/css" />
rel="stylesheet" type=“text/css”是固定写法,不能改变。
总结来说,就是—就近原则(离被设置元素越近优先级别越高) ,一般来说是 内联式 > 嵌入式 > 外部式。
http://www.imooc.com 一直在慕课网学习,感觉不错。