Html11.09CSS层叠样式表内容整理

最新推荐文章于 2025-09-07 12:15:11 发布

weixin_30888413

最新推荐文章于 2025-09-07 12:15:11 发布

阅读量55

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml ui

原文链接：http://www.cnblogs.com/shadowduke/p/4951721.html

本文深入探讨了网页中使用的CSS样式、布局技巧以及HTML元素的应用，涵盖了从基本样式到复杂布局的各种实例。

<!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: #F00;
    text-decoration: none;
}
a {
    color: blue;
    font-family: "Microsoft YaHei UI";
    font-size: 36px;
    font-weight: bold;
    text-decoration: none;
}
#myID {
    font-size: 10px;
    color: #909;
    background-color: #0F3;
}
h1 {color:green; text-align:center; font-family:'MS Serif', 'New York', serif}
.divclass {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #339;
    text-decoration: none;
    font-style: italic;
    background-color: #666;
    line-height: 30px;
    font-weight: bolder;
    text-transform: capitalize;
    font-variant: small-caps;
    background-attachment: scroll;
    text-align: center;
    vertical-align: top;
    height: 100px;
    width: 400px;
}
body{
    ;
    background-attachment: fixed;
}
</style>
<link href="mycss.css" rel="stylesheet" type="text/css" />
</head>

<body>

<p class="myclass">
我在制作网页
</p>

<a href="#" target="_blank" class="myclass">这是什么东西</a>
<br>
<a href="#">又是一个链接?</a>

<p id="myID">文字0.0</p>

<p class="myclass1">乱套了</p>

<h1 style="font-size:20px;">伊利&桥立 </h1>
<h1>圣.路易斯和天龙</h1>

<div class="divclass">
div+CSS演示
</div>

</body>
</html>