css 

<!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>

<link href="Untitled-7.css" rel="stylesheet" type="text/css" />
</head>

<body>
<!--内联样式表-->
<p style="color:#F00">内联样式表，标签选择器</p>

<p class="main">class选择器</p>

<p id="main">id选择器</p>

<div>用，分隔，与下一条语句构成复合选择器</div>
<a href="http://www.baidu.com/" style="text-decoration:none">百度一下</a>

</body>
</html>
View Code
@charset "utf-8";
/* CSS Document */
<style>
*{
    margin:0px;
    padding:0px;}
/*选择器*/
/*1、标签选择器 */
p{
    text-decoration:underline;
    color:#0F0}
/*class选择器*/
.main{
    font-size:18px;
    text-align:center;}
/*id选择器*/    
#main{
    background-color:#FF0;
    }
/*复合选择器，用逗号分开，表示并列*/
div,a{
    font:"Arial Black", Gadget, sans-serif;
    color:#00F;

    }


</style>
View Code

posted @ 2016-03-22 16:31  1011042043  阅读(97)  评论(0)  编辑  收藏  举报