本文介绍了CSS的四种书写位置：内嵌式，常见于.html文件中；外链式，将CSS存为单独文件并通过<link>标签引入，实现样式复用；导入式，不常用，不会等待CSS文件加载完成；行内式，通过style属性直接在标签上设置样式，但不常用因牺牲了批量设置能力。
1.内嵌式
1.在学习css时，最常使用内嵌式，内嵌在.html文件中
2.在标签对中，书写标签对，里面书写css语句
<body>
<h1>我是一个主标题</h1>
</body>
css样式是：
<style>
h1{
color:red;
}
</style>
2.外链式
1.可以将css单独存为.css文件，然后使用<link标签引入它
<link rel="stylesheet" href="css/css.css">
rel关系，stylesheet样式表，引入的是一个样式表
2.外链式优点:多个html网页，可以共用一个css样式表文件
3.导入式
1.导入式是最不常见的样式表导入方法
<style>
@import url(css/css.css)
</style>
2.使用导入式引入的样式表，不会等待css文件加载完毕，而是会立即渲染HTML结构，所以网页会有几秒中黑色的时间
4.行内式
1.样式可以直接通过style属性写在标签身上
<h2 style="color:red;">我是一个二级标题</h2>
2.行内式牺牲了样式表的批量设置样式的能力，只能给一个标签设置样式，所以不常用
扫一扫
811
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
