码迷,mamicode.com
首页 > Web开发 > 详细

Chapter 2. HTML---CSS样式表

时间:2016-05-21 17:31:49      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:

源代码:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS样式表</title>
<style type="text/css">
.pp{font-size:24px; background-color:#999; color:#F00;}
</style>
<link href="Untitled-2.css" rel="stylesheet" type="text/css" />
</head>

<body>

<p style="font-size:18px">内联样式表</p> 
<div class="pp">内嵌样式表</div> 
<div id="ppp">外部样式表</div><br />
<br />

<div class="a"></div>
<div class="b">并列</div>
<div class="a"><aa>后代</aa></div>
<br />
<a href="http://www.baidu.com/" target="_blank">百度</a> 
</body>
</html>

css样式表:

@charset "utf-8";
/* CSS Document */
    #ppp
    { font-size:24px; color:#F00; background-color:#CF0;} 
    
    .a,.b /*并列*/
    { width:400px; height:40px; border:1px solid black;}
    
    .a aa /*后代*/
    {background-color:yellow; font-size:36px; text-decoration:underline; color:blue; }
    
    a:link
    { text-decoration:none; color:black;}
    a:visited
    { text-decoration:none; color:orange;}
    a:hover
    { text-decoration:underline; color:red;}
    a:active
    { text-decoration:underline; color:blue;}
    

技术分享

技术分享技术分享技术分享技术分享

Chapter 2. HTML---CSS样式表

标签:

原文地址:http://www.cnblogs.com/xiao55/p/5514917.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!