HTML三种引入样式的方式

最新推荐文章于 2025-03-24 12:01:21 发布

原创最新推荐文章于 2025-03-24 12:01:21 发布 · 4.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#HTML三种引入样式的方式

HTML5 专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍了HTML中三种引入样式的常见方式：外部样式、内部样式和内联样式，并提供了具体的代码示例。外部样式通过link元素引入，内部样式置于head标签内的style标签，内联样式直接写在标签内部。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML三种引入样式的方式

1.外部样式：是通过link元素引入

 <link rel="stylesheet" type="text/css" href="样式写入地址">

2.内部样式：又称内部样式表，必须写在head标签中，用style标签申明

    <style type="text/css" >h3{color:red; } dd{font-size: small;color: #9b2d30}>
    </style>
</head>
<body>
<h3>分集剧情</h3>
<dl>
    <td>第1集 桃园结义</td>
    <dd>刘备、关羽和张飞三位仁人志士，为了共同干一番大事业的目标，意气相投，言行相依，选在一个桃花盛开的季节、选在一个桃花绚烂的园林，举酒结义，对天盟誓，有苦同受，有难同当，有福同享，共同实现自己人生的美好理想。从此三人开始行走天下。 </dd>
</dl>
</body>

3.内联样式：行内样式(Inline Styles)又称内联表单样式，它直接写在标签内部，用style属性声明例：

<h1>三国演义简介</h1>  >

<!--设置字体颜色-->
<p style="color: #01be00">《三国演义》描写的是从东汉末年到西晋初年之间近一百年的历史风云，全书反映了三国时代的政治军事斗争，反映了三国时代各类社会矛盾的渗透与转化，概括了这一时代的历史巨变，塑造了一批叱咤风云的英雄人物。在对三国历史的把握上，作者表现出明显的拥刘反曹倾向，以刘备集团作为描写的中心，对刘备集团的主要人物加以歌颂，对曹操则极力揭露鞭挞。今天我们对于作者的这种拥刘反曹的倾向应有辩证的认识。尊刘反曹是民间传说的主要倾向，在罗贯中时代隐含着人民对汉族复兴的希望。</p>
</body>