本文通过实例展示了如何使用CSS来美化HTML页面。介绍了不同类型的CSS选择器，包括标记选择器、类选择器、ID选择器等，并解释了它们的作用及用法。此外还提及了外部链接CSS样式的使用。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
<!--
p {font-style:italic}
h1{font-size:small;color:green}
h2{font-size:12px;color:red}
h3,h4{background-color:yellow}
.prodname_name{font-size:14px;font-family:"新宋体"}
#my_name{font-size:small}
address i{color:red}
a:link,a:visited,a:active{font-family:Arial, Helvetica, sans-serif;font-size:24px}
-->
</style>
<link rel="stylesheet" type="text/css" href="Untitled-2.css" />
</head>
<body>
<p>这里都是嵌入样式表的演示</p>
<p>级联样式表有助于美化html页面</p>
<p>任何支持html4.0或更高版本的web浏览器都会支持大多数的css样式属性</p>
<h1>标记选择器</h1>
<h2>标记选择器</h2>
<h3 class="prodname_name">类选择器</h3>
<h4 id="my_name">ID选择器</h4>
<i>应该是斜体</i>
<address><i>具有上下文关系的选择器</i></address>
标签具有独自换行的功能<br />
<a href="">可以使用虚类选择器</a>
<p><span class="prodname_name">天津科技大学</span></p>
<p class="univercity">外部链接css样式</p>
</body>
</html>
CSS
最新推荐文章于 2025-07-22 00:16:16 发布
扫一扫
7730
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
