[分享]css内嵌式怎么写

CSS是网页设计中不可或缺的一部分，可以让网页变得更加美观、高效。在 CSS 中，有三种常用的写法：内嵌式、外部式和内联式。本文将重点介绍内嵌式 CSS 的写法。 p { fontsize: 16px...

CSS是网页设计中不可或缺的一部分，可以让网页变得更加美观、高效。在 CSS 中，有三种常用的写法：内嵌式、外部式和内联式。本文将重点介绍内嵌式 CSS 的写法。

<style type="text/css">
    p {
        font-size: 16px;
        color: #333;
        line-height: 1.5;
    }
</style> 

以上是内嵌式 CSS 的基本写法。我们可以在 HTML 的头部部分添加 style 标签，然后在其中书写 CSS 的样式。在实际应用中，我们需要注意以下几点：

• type 属性是必须的，必须设置为 text/css；
• 写法要按照 CSS 的语法，即属性和属性值之间用冒号隔开，属性之间用分号隔开；
• 可以书写多个选择器，用逗号隔开。

<style type="text/css">
    p, span {
        font-size: 16px;
        color: #333;
        line-height: 1.5;
    }
    .box {
        width: 300px;
        height: 200px;
        background-color: #fff;
    }
</style> 

以上代码演示了内嵌式 CSS 中的多选器和类选择器。在这里，我们可以同时给 p 和 span 标签设置相同的样式，也可以将样式应用于类名为 box 的元素。

总的来说，内嵌式 CSS 的写法相对简单，适合小型网站或者一些需要临时修改样式的情况。但是在维护成本上不太优秀，当样式较多时，HTML 文件会非常臃肿，不利于代码阅读和修改，所以如果有较多的 CSS 样式需求，我们推荐使用外部式 CSS。