7-2嵌入式css樣式，寫在當前的文件中 · 初識HTML+CSS

現在有一任務，把右側編輯器中的“超酷的互聯網”、“服務及時貼心”、“有趣易學”這三個短詞文字字號修改為18px。如果用上節課我們學習的內聯式css樣式的方法進行設置將是一件很頭疼的事情（為每一個標簽加入sytle="font-size:18px"語句），本小節講解一種新的方法嵌入式css樣式來實現這個任務。嵌入式css樣式，就是可以把css樣式代碼寫在****標簽之間。如下面代碼實現把三個標簽中的文字設置為紅色： ~~~ <style type="text/css"> span{ color:red; } </style> ~~~ 嵌入式css樣式必須寫在之間，并且一般情況下嵌入式css樣式寫在之間。如右邊編輯器中的代碼。 ### **任務** 我來試一試：用嵌入式css樣式設置字體顏色 1、在右邊代碼編輯器中的段落中，有三個****標簽，請把這三個****標簽中的文字顏色都設置為**藍色** ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>嵌入式css樣式</title> <style type="text/css"> span{ color:blue; } </style> </head> <body> <p>慕課網，<span>超酷的互聯網</span>、IT技術免費學習平臺，創新的網絡一站式學習、實踐體驗；<span>服務及時貼心</span>，內容專業、<span>有趣易學</span>。專注服務互聯網工程師快速成為技術高手！</p> </body> </html> ```