css实际用法(外部样式表)

最新推荐文章于 2021-12-23 17:32:33 发布

走_心

最新推荐文章于 2021-12-23 17:32:33 发布

阅读量759

点赞数

分类专栏：【前端学习】

本文链接：https://blog.csdn.net/tianchenglin/article/details/41682949

版权

【前端学习】专栏收录该内容

9 篇文章 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=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}