亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

HTML+CSS 輕鬆入門之什麼是選擇器

css的定義是有兩個部分組成

body{

????????樣式

}

#在{}之前的部分是“選擇器”,“選擇器”指明了{}中的“樣式”的作用對象,也就是“樣式”作用於網(wǎng)頁中的哪些元素

body 是html 元素,所以我們也稱為元素選擇器

div ? table ? span ?等,

下面我們請看實例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>元素選擇器</title>
	<style type="text/css">
		p{
			color:red;
		}

		div{
			color:red;
		}


		span{
			color:red;
		}
	</style>
</head>
<body>
			<p>中國</p>

			<div>美國</div>

			<span>日本</span>
</body>
</html>

註:如果正文中有很多標籤,需要有相同的樣式,那我們在css樣式中就要寫很多重複的程式碼,這樣頁面就會不整潔,下面我們使用一種方法來寫,程式碼如下:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>元素選擇器</title>
	<style type="text/css">
		p,div,span{
			color:red;
		}
	</style>
</head>
<body>
			<p>中國</p>

			<div>美國</div>

			<span>日本</span>
</body>
</html>

這樣寫效果和上面的一樣,但是程式碼就會很整潔

繼續(xù)學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素選擇器</title> <style type="text/css"> p,div,span{ color:red; } </style> </head> <body> <p>中國</p> <div>美國</div> <span>日本</span> </body> </html>