类别 | 引入方法 | 位置 | 加载 |
---|---|---|---|
行内样式 | 开始标签内style | html文件内 | 同时 |
内部样式 | <head>中<style>内 | html文件内 | 同时 |
链入外部样式 | <head>中<link>引入 | CSS样式文件、与html文件分离 | 页面加载时,同时加载CSS样式 |
导入式@import | 在样式代码最开始处 | CSS样式文件、与html文件分离 | 在读取完html文件之后加载 |
注:使用链入外部样式的好处
1.Css和html分离
2.多个文件可以使用同一个样式文件
3.多文件引用同一个css文件,css只需下载一次。
优先级
行内样式>内部样式>外部样式
说明:
1.链入外部样式表与内部样式表之间的优先级取决于所处位置的先后
2.最后定义的优先级最高(就近原则)
网友评论