本文通过三个不同的HTML示例，展示了如何使用内联样式、内部样式表以及外部样式表来为HTML元素添加样式。这些示例涵盖了基本的CSS属性，如背景颜色和文字颜色，帮助读者理解不同样式的结合方式。
<html>
<head>
<title>HTML示例</title>
<style type="text/css">
div{background-color:red;
color:greed;
}
</style>
</head>
<body>
<!--结合方式一-->
<!-- <div style="background-color:red;color:green;">。它在中国文学史上具有开拓性意义，是我国古典小说的分水岭，是中国文学史上第一部
由文人独立创作的长篇小说名著。它借《水浒传》中武松杀嫂一段故事为引子，通过对兼有官僚</div>-->
<!--结合方式二-->
<div>它在中国文学史上具有开拓性意义，是我国古典小说的分水岭</div>
</body>
</html>
——————————————————————————————————————————————
<html>
<head>
<title>HTML示例</title>
<style type="text/css">
@import url(div.css);
</style>
</head>
<body>
<!--结合方式一-->
<!-- <div style="background-color:red;color:green;">。它在中国文学史上具有开拓性意义，是我国古典小说的分水岭，是中国文学史上第一部
由文人独立创作的长篇小说名著。它借《水浒传》中武松杀嫂一段故事为引子，通过对兼有官僚</div>-->
<!--结合方式二-->
<div>它在中国文学史上具有开拓性意义，是我国古典小说的分水岭</div>
</body>
</html>
————————————————————————————————————————————————————
<html>
<head>
<link rel="stylesheet" type="text/css" href="div.css"/>
</head>
<body>
<div>上第一部由文人独立创作的长篇小说名著。它借《水浒传》中武松杀嫂一段故事为引子，通过对兼有官僚、恶霸、富商3种身份的封建时代市侩</div>
</body>
</html>
————————————————————————————————————————————————————
div.css
/*
div
*/
div{
background-color:yellow;
color:black;
}
扫一扫
3423
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
