您的位置：首页 > Web前端 > CSS

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

2015-11-10 00:26 579 查看 
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航