本文详细介绍了CSS的三种引入方式：行内样式表、内部样式表和外部样式表，强调了外部样式表在实际开发中的重要性。通过一个新闻页面的综合案例，展示了如何通过CSS来构建和美化页面，包括搭建HTML结构和编写CSS样式。
6. CSS 引入方式
6.1 CSS 的三种样式表
按照 CSS 样式书写的位置（或者引入的方式），CSS 样式表可以分为三大类：
1.行内样式表（行内式）
2.内部样式表（嵌入式）
3.外部样式表（链接式）
6.2 内部样式表
内部样式表（内嵌样式表）是写到html页面内部. 是将所有的 CSS 代码抽取出来，单独放到一个 <style> 标签中。
<style>
div {
color: red;
font-size: 12px;
}
</style><style> 标签理论上可以放在 HTML 文档的任何地方，但一般会放在文档的<head>标签中
通过此种方式，可以方便控制当前整个页面中的元素样式设置
代码结构清晰，但是并没有实现结构与样式完全分离
使用内部样式表设定 CSS，通常也被称为嵌入式引入，这种方式是我们练习时常用的方式
6.3 行内样式表
行内样式表（内联样式表）是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式.
最低0.47元/天 解锁文章
209
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
