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

时间：2023-03-08 19:45:16
<!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>

相关文章