HTML标签：CSS样式

最新推荐文章于 2024-04-09 08:47:15 发布

Data菌

最新推荐文章于 2024-04-09 08:47:15 发布

阅读量480

点赞数

分类专栏： HTML 文章标签： css html

本文链接：https://blog.csdn.net/wlqchengzhangji/article/details/122615911

版权

HTML 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

CSS全名Cascading Style Sheets用来HTML元素标签的样式。CSS嵌入HTML文档的方式有3种：

1）在标签中使用设置style属性；比较适合当特殊的样式需要应用到个别元素时。

2）在HTML文档头部 <head> 区域使用<style> 元素来包含CSS；适合当单个文件需要特别样式时。

3）使用外部 CSS文件，比较适合当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。

<!DOCType html>
<html>
    <head>    
        <title>CSS样式使用方式</title>      
        <!--第3种：引用外部的CSS样式表文件-->
        <link rel = "stylesheet" type="text/css" href="mystyle.css">
        <!--第2种：直接定义文档CSS样式-->
        <style type="text/css">
            body {background-color: gray;}
            p {color: red;}
        </style>       
    </head>

    <body> 
        <!--第1种：在特定标签中设置style属性--> 
        <h1 style="color: brown;">标题1</h1>
        <p>段落</p>
    </body>
</html>>

运行结果如下

读者可以根据情况，选择如何使用设置CSS样式的方式。

Data菌

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML标签：CSS样式

CSS全名Cascading Style Sheets用来HTML元素标签的样式。CSS嵌入HTML文档的方式有3种：1）在标签中使用设置style属性；比较适合当特殊的样式需要应用到个别元素时。2）在HTML文档头部 <head> 区域使用<style> 元素来包含CSS；适合当单个文件需要特别样式时。3）使用外部 CSS文件，比较适合当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。<!DOCType html><html>
复制链接

扫一扫