css1-CSDN博客

本文链接：https://blog.csdn.net/boowen/article/details/16803613

<!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>
/*派生选择器格式——标签名{属性名：属性值1；属性名：属性值2}*/
span{
color:yellow;
}
span h1{
color:red;
}
div h1{
color:blue;

}
/*id选择器格式——id名{属性名：属性值1；属性名：属性值2}*/
#w{
background:green;
}
/*类名选择器{格式——.类名{ 属性名：属性值1；属性名：属性值2}*/
.yu{
height:34px;
background:red;
margin:auto;
}
/*属性选择器：格式－－标签名[属性名＝“属性值”]{ 属性名：属性值1；属性名：属性值2}*/
div[name="ok"]{

color:red;
/*font: bold 30px arial,sans-serif;*/
font:bold 30px arial,sans-serif;
}
h2,h3,h4,h5,h6{
color:red;
}
body{/*
background-image:url(1.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom right;*/
background: yellow buttom right no-repeat fixed url(1.jpg);
}
/*a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时刻*/
a:link{
color:black;
}
a:hover{
color:red;
}
a:visited{
coror:green;
}
a:active {
color:yellow;
}

</style>
</head>

<body>
<span>slfsfs<h1>wofw</h1></span>
<div> foqewa<h1>445</h1></div>
<p id="w">
WOFWEEOWFO AFSRF FOWEFL
</p>
<div class="yu">

</div>
<div name="ok">
ok
</div>
<h2>12742</h2>
<h3>12742</h3>
<h4>12742</h4>
<h5>12742</h5>
<h6>12742</h6>
<a href="http://www.baidu.com">百度</a>

</body>
</html>