<!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=gb2312" />
<title>css实际用法</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<p>这是一个段落</p>//*{font-family:"arial"} 对所有有效
<span>这是一个段落</span>//p,span{font-style:italic}//p和span有效
<p>这是<span>一个</span>段落</p> //p span{color:#00ff00;font-size:12pt}p中嵌套的span有效
<p id="t">这是一个段落</p> //p#t{color:#0000ff;font-size:14pt}p中id=t有效
<p class="test">这是一个段落</p>//p#t{color:#0000ff;font-size:14pt}p中id=t有效
<p id="hello">这是<span>一个</span>段落</p>//p#hello span{color:#00bbaa;font-size:20pt}p中id=hello且有span嵌套时有效
<body>
</body>
</html>
//style.css
*{font-family:"宋体"}
.test{color:red;font-weight:bold;font-size:18pt}
p,span{font-style:italic}
p span{color:#00ff00;font-size:12pt}
p#t{color:#0000ff;font-size:14pt}
p#hello span{color:#00bbaa;font-size:20pt}
css实际用法(外部样式表)
最新推荐文章于 2024-06-17 17:39:13 发布