HTML+CSS 輕松入門之什么是選擇器
css的定義是有倆部分組成
body{
????????樣式
}
在{}之前的部分就是“選擇器”,“選擇器”指明了{(lán)}中的“樣式”的作用對(duì)象,也就是“樣式”作用于網(wǎng)頁(yè)中的哪些元素
body 是html 元素,所以我們也稱為元素選擇器
div ? table ? span ?等,
下面我們請(qǐng)看實(shí)例
<!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>中國(guó)</p> <div>美國(guó)</div> <span>日本</span> </body> </html>
注:如果正文中有很多標(biāo)簽,需要有同樣的樣式,那我們?cè)赾ss樣式中就要寫很多重復(fù)的代碼,這樣頁(yè)面就會(huì)不整潔,下面我們使用一種方法來(lái)寫,代碼如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素選擇器</title> <style type="text/css"> p,div,span{ color:red; } </style> </head> <body> <p>中國(guó)</p> <div>美國(guó)</div> <span>日本</span> </body> </html>
這樣寫效果和上面的一樣,但是代碼就會(huì)很整潔