HTML插入CSS文件的三种方式
2017-05-06 12:56
405 查看
1、外部样式表：当很多页面需要同一种样式时，可以用外部样式表的形式来插入CSS文件。
<head>
<link rel="stylesheet" type="text/css" href="css文件路径">
</head>
2、内部样式表：适用与某个需要特殊样式的文档。
<head>
<style type="text/css">
css code....
</style>
</head>
3、直接嵌入式：
<p style="css code...">
this is a paragraph
</p>
当三种连接方式同时出现时，如果某个属性在不同的样式表中被同样的选择器定义那么，则先显示较近的样式表中的属性即直接嵌入式>内部连接式>外部连接式，而且属性值会从更详细的样式表中继承过来。
<head>
<link rel="stylesheet" type="text/css" href="css文件路径">
</head>
2、内部样式表：适用与某个需要特殊样式的文档。
<head>
<style type="text/css">
css code....
</style>
</head>
3、直接嵌入式：
<p style="css code...">
this is a paragraph
</p>
当三种连接方式同时出现时，如果某个属性在不同的样式表中被同样的选择器定义那么，则先显示较近的样式表中的属性即直接嵌入式>内部连接式>外部连接式，而且属性值会从更详细的样式表中继承过来。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css文件链接html的三种方式
- css文件链接html的三种方式
- HTML-CSS文件链接HTML的三种方式
- CSS学习笔记之在HTML中导入CSS的三种方式
- html中link和import方式导入CSS文件的区别
- (一)CSS三种插入方式
- html+css布局的三种方式
- css与html的三种结合方式
- html+css布局的三种方式（ 自然布局/流动布局 /定位布局）
- HTML文档中嵌入CSS的三种常用方式
- HTML使用CSS的三种方式
- HTML 页面插入 SVG的三种方式
- html+css布局的三种方式(自然布局/流动布局/定位布局)
- Css与html三种结合方式 Css四种选择器
- html网页css的三种引入方式
- js或css文件合并的三种方式推荐
- 在HTML文档中嵌入CSS的三种常用方式
- css与html常见的三种结合方式示例介绍
- HTML中放置CSS的三种方式和CSS选择器
- html及css学习笔记_12_css三种使用方式