html+css的三种方式

来源：互联网发布：苹果手机间谍软件编辑：程序博客网时间：2024/06/10 07:31

html+css的三种方式

内联方式
内部样式表方式
外部引用CSS方式

<!DOCTYPE html><html>    <head>        <meta charset="utf-8">         <title>菜鸟教程(runoob.com)</title>         <!-- 外部引用CSS方式 -->        <link rel="stylesheet" type="text/css" href="styles.css">        <!--style.css:                h3{                    color:blue;                    margin-left:20px;                }                p{                    color:red;                }        -->        <!-- 内部样式表方式 -->        <style type="text/css">h2 {color:purple;margin-left:20px}</style>    </head>    <body>        <!-- 内联方式 -->        <h1 style="color:red;margin-left:20px;">内联样式</h1>        <p>在HTML元素中使用"style"属性</p>        <!-- 内部样式表方式 -->        <h2>内部样式表</h2>        <p>在HTML文档头部&lt;head&gt;区域使用&lt;style&gt;元素来包含CSS</p>        <!-- 外部引用CSS方式 -->        <h3>外部引用</h3>        <p>使用外部CSS文件</p>    </body></html>

效果图：

result

0 0