CSS样式三大类1.行内样式表（行内式）2.内部样式表（嵌入式）3.外部样式表（链接式）

最新推荐文章于 2024-07-11 15:46:15 发布

想菲的鱼

最新推荐文章于 2024-07-11 15:46:15 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签：前端 css html

本文链接：https://blog.youkuaiyun.com/m0_51796659/article/details/127008600

本文介绍了CSS样式表的三种类型：行内样式表（行内式）、内部样式表（嵌入式）和外部样式表（链接式）。行内样式表适用于简单样式的修改，内部样式表方便控制整个页面元素样式，而外部样式表则通过CSS文件实现结构和样式的完全分离，通常用于实际开发中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CSS三种样式表
按照CSS样式书写的位置（或者引入的位置），CSS样式可以分为三大类
1.行内样式表（行内式）
2.内部样式表（嵌入式）
3.外部样式表（链接式）

内部样式表
内部样式表（内嵌样式表是写到html页面内部，是将所有的CSS代码抽取出来，单独放到<style>标签中。

    <style>
        div {
            color: aqua;
            font-size: 20px;
        }
    </style>

行内样式表

使用行内样式设定CSS，通常也被称为行内式引入，简单样式的时候可以考虑使用。
行内样式表（内联样式表）是在元素标签内部的style属性中设定CSS样式，适合于修改简单的样式

<div style="color: red; font-size: 20px;">xiangfeideyu</div>

注意：

（1）style其实就是标签的属性。
（2）在双引号中间，写法要符合CSS规范。
优点：

（1）可以控制当前的标签设置样式。
缺点：

（1）由于书写繁琐，并且没有体现出结构与样式想分离的思想，所以不推荐大量使用，只有对当前元素添加。

外部样式表
实际开发都是外部样式表，适合于样式比较多的情况，核心是样式单独写到CSS文件中，之后把CSS文件
引入到HTML页面中

200万优质内容无限畅学