首页 > Web开发 > 详细

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

时间:2015-11-10 01:36:44      阅读:281      评论:0      收藏:0      [点我收藏+]
<!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>

 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!