10-3文字排版--粗體 · 初識HTML+CSS

我們還可以使用css樣式來改變文字的樣式：粗體、斜體、下劃線、刪除線，可以使用下面代碼實現設置文字以粗體樣式顯示出來。 ~~~ p span{font-weight:bold;} ~~~ 在這里大家可以看到，如果想為文字設置粗體是有單獨的css樣式來實現的，再不用為了實現粗體樣式而使用h1-h6或strong標簽了。 ### 任務 **我也來試試，為a標簽設置粗體樣式** 1.在右邊編輯器的第8行，輸入： ~~~ a{font-weight:bold;} ~~~ ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>粗體簽</title> <style type="text/css"> p span{font-weight:bold;} a{font-weight:bold;} </style> </head> <body> <h1>勇氣</h1> <p>三年級時，我還是一個<span class="stress">膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會<a href="http://www.imooc.com">批評</a>我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p> <p>到了三年級下學期時，我們班上了一節公開課，老師提出了一個很簡單的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p> </body> </html> ```