css样式有哪些格式

在 HTML 中，我们可以使用 CSS（层叠样式表）来美化网页。CSS 样式有多种格式，包括内联样式、内部样式和外部样式。

首先是内联样式。这种样式只作用于当前标签，使用 style 属性指定样式规则，例如：

p style="color: red;
     font-size: 20px">
    这是一段内联样式的文字/p>
    

这段代码将使这段文字变成红色，并且字体大小为 20px。

接着是内部样式。这种样式在 Head 标签中定义，使用 style 标签指定样式规则，例如：

head>
    style>
p {
    color: blue;
    font-size: 16px;
}
    /style>
    /head>
    body>
    p>
    这是一段内部样式的文字/p>
    /body>
    

这段代码将使所有 p 标签中的文字颜色为蓝色，并且字体大小为 16px。

最后是外部样式。这种样式在一个独立的样式表文件中定义，使用 link 标签指向。例如：

head>
    link rel="stylesheet" type="text/css" href="style.css">
    /head>
    body>
    p>
    这是一段外部样式的文字/p>
    /body>
    

这段代码将使所有 p 标签中的文字样式使用 style.css 文件中定义的规则。

总结来说，CSS 样式包含三种格式：内联样式、内部样式和外部样式。内联样式只在当前标签中起作用，内部样式在 Head 标签中定义，作用于所有指定标签，外部样式定义在一个独立的样式表文件中。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！