从 CSS 样式代码插入 html 文件的形式来看可以分为三种插入形式: 内联样式, 嵌入样式, 外部样式.
内联样式: 就是将 CSS 样式写在 HTML 的开始标签中
<style="color:#CCC;"> 这里式设置了 #CCC 颜色的字 </style>
嵌入样式: 将 CSS 样式写在 style 标签之间
- <style type="text/css">
- p {
- font-size: 17px;
- }
- </style>
嵌入式 CSS 样式必须写在之间, 并且通常情况下嵌入式样式写在之间
外部式 CSS 样式: 就是把 CSS 代码写在一个单独的外部文件中, 这个 CSS 文件以. CSS 为后缀扩展名, 在标签内使用标签将 CSS 样式文件链接到 HTML 文件内
<link href="main.css" rel="stylesheet" type="text/css" />
备注:
CSS 样式文件名称以有意义的英文字母命名, 如: index.CSS
rel="stylesheet" type="text/css" 是固定写法不可修改
标签位置一般写在标签内
三种插入样式的优先级:
三种插入样式优先级从高到底为: 内联式 > 嵌入式 > 外部式
其中嵌入式 > 外部式的条件为: 嵌入式 CSS 的位置在外部式的后面
可以理解为: 就近原则 -- 离被设置元素越近优先级别越高
!important
在某些特殊情况下为某些样式设置最高权限可以使用! important 来处理
p {color: #DDD!important;}
此外浏览器也有一套默认的样式来显示网页, 用户页可以自己设置样式, 这些样式的优先级为:
浏览器默认的样式 > 网页制作者样式 > 用户自己设置的样式 > 设置了! important 的样式.
来源: http://www.bubuko.com/infodetail-3165076.html