HTML标签:CSS样式

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样式的方式。