20121109

最新推荐文章于 2025-07-22 00:16:16 发布

weixin_30527323

最新推荐文章于 2025-07-22 00:16:16 发布

阅读量48

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml

原文链接：http://www.cnblogs.com/zhuxiaolin/p/4951431.html

本文通过实例演示了HTML与CSS的结合使用，包括不同样式的定义及应用，如类选择器、ID选择器等，展示了如何通过CSS美化HTML页面。

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

<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.myclass {
    font-size: 24px;
    color: #0F6;
    text-decoration: none;
}
a {
    font-family: "仿宋";
    font-size: 24px;
    color: #606;
    text-decoration: none;
    font-weight: bold;
    background-color: #000;
}
#myID {
    font-size: 24px;
    color: #006;
    background-color: #000;
}
.divclass {
    font-size: 36px;
    font-style: italic;
    color: #9C0;
    font-family: "仿宋";
    font-weight: bold;
    text-decoration: none;
    background-attachment: scroll;
    background-color: #C0F;
    background-image: url(1.jpg);
    text-align: center;
}
</style>
<link href="mucss.css" rel="stylesheet" type="text/css" />
</head>

<body>

<p class="myclass">
掩饰四环素
</p>

<blockquote>
  <p><a class="myclass" href="#">乌巴洛克</a><br />
    
    <a href="#">算法那都是</a>
    
<p class="myclass1">
按设计开发
</p>
    
<h1 style="font-size:36px; color:#C03; font-family:'仿宋'">请问</h1>

<div class="divclass">
div+css演示
</div>
    
    
    
  </p>
</blockquote>
</body>
</html>