8-2標簽選擇器(無) · 初識HTML+CSS

標簽選擇器其實就是html代碼中的標簽。如右側代碼編輯器中的、、、、。例如下面代碼： ~~~ p{font-size:12px;line-height:1.6em;} ~~~ 上面的css樣式代碼的作用：為p標簽設置12px字號，行間距設置1.6em的樣式。 ### 任務 **我也來試試，為標題“勇氣”添加樣式，把h1標簽默認的粗體樣式去掉并將字體顏色設置為紅色** 1、在右邊編輯器的第7行，輸入`h1{` 2、在右邊編輯器的第8行，輸入`font-weight:normal;` 3、在右邊編輯器的第9行，輸入`color:red;` 4、在右邊編輯器的第10行，輸入`}` ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>認識html標簽</title> <style type="text/css"> h1{ font-weight:normal; color:red; } </style> </head> <body> <h1>勇氣</h1> <p>三年級時，我還是一個膽小如鼠的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p> <p>到了三年級下學期時，我們班上了一節公開課，老師提出了一個很簡單的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p> <img src="http://img.mukewang.com/52b4113500018cf102000200.jpg" > </body> </html> ```