html:(25):选择器定义和标签选择器
生活随笔
收集整理的這篇文章主要介紹了
html:(25):选择器定义和标签选择器
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
什么是選擇器？
每一條css樣式聲明（定義）由兩部分組成，形式如下：
選擇器{樣式; }在{}之前的部分就是“選擇器”，“選擇器”指明了{(lán)}中的“樣式”的作用對(duì)象，也就是“樣式”作用于網(wǎng)頁(yè)中的哪些元素。比如右側(cè)代碼編輯器中第7行代碼中的“body”就是選擇器。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>選擇器</title> <style type="text/css"> body{font-size:12px;color:red; } </style> </head> <body> <p>是學(xué)習(xí)編程最簡(jiǎn)單的免費(fèi)平臺(tái)。提供了豐富的移動(dòng)端開(kāi)發(fā)、php開(kāi)發(fā)、web前端、html5教程以及css3視頻教程等課程資源。它富有交互性及趣味性，并且你可以和朋友一起編程。</p> </body> </html>運(yùn)行結(jié)果
標(biāo)簽選擇器
標(biāo)簽選擇器其實(shí)就是html代碼中的標(biāo)簽。如右側(cè)代碼編輯器中的<html>、<body>、<h1>、<p>、<img>。例如下面代碼：
p{font-size:12px;line-height:1.6em;}上面的css樣式代碼的作用：為p標(biāo)簽設(shè)置12px字號(hào)，行間距設(shè)置1.6em的樣式。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>認(rèn)識(shí)html標(biāo)簽</title> <style type="text/css"> h1{font-weight:normal;color:red; } </style> </head> <body><h1>勇氣</h1><p>三年級(jí)時(shí)，我還是一個(gè)膽小如鼠的小女孩，上課從來(lái)不敢回答老師提出的問(wèn)題，生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒(méi)有這個(gè)勇氣來(lái)回答老師提出的問(wèn)題。學(xué)校舉辦的活動(dòng)我也沒(méi)勇氣參加。</p><p>到了三年級(jí)下學(xué)期時(shí)，我們班上了一節(jié)公開(kāi)課，老師提出了一個(gè)很簡(jiǎn)單的問(wèn)題，班里很多同學(xué)都舉手了，甚至成績(jī)比我差很多的，也舉手了，還說(shuō)著："我來(lái)，我來(lái)。"我環(huán)顧了四周，就我沒(méi)有舉手。</p><img src="http://img.mukewang.com/52b4113500018cf102000200.jpg" > </body> </html>運(yùn)行結(jié)果
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的html:(25):选择器定义和标签选择器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： php+管道+pipe管道,angula
- 下一篇： clover更新驱动 后不能开机_黑苹果