7-1內聯式css樣式，直接寫在現有的HTML標簽中 · 初識HTML+CSS

CSS樣式可以寫在哪些地方呢？從CSS 樣式代碼插入的形式來看基本可以分為以下3種：內聯式、嵌入式和外部式三種。這一小節先來講解內聯式。 `內聯式`css樣式表就是把css代碼直接寫在現有的HTML標簽中，如下面代碼： ~~~ 這里文字是紅色。 ~~~ 注意要寫在元素的開始標簽里，下面這種寫法是錯誤的： ~~~ 這里文字是紅色。 ~~~ 并且css樣式代碼要寫在style=""雙引號中，如果有多條css樣式代碼設置可以寫在一起，中間用分號隔開。如下代碼： ~~~ 這里文字是紅色。 ~~~ ### 任務我來試一試：使用內聯式css樣式為"超酷的互聯網"這幾個字設置字體顏色為藍色在右邊編輯器中`13`行中的第一個span標簽中寫入代碼： ~~~ style="color:blue" ~~~ ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>認識html標簽</title> <style type="text/css"> span{ color:red; } </style> </head> <body> 慕課網，超酷的互聯網、IT技術免費學習平臺，創新的網絡一站式學習、實踐體驗；服務及時貼心，內容專業、有趣易學。專注服務互聯網工程師快速成為技術高手！ </body> </html> ```