首頁 > web前端 > html教學 > html文件裡面怎麼放入css

html文件裡面怎麼放入css

藏色散人
發布: 2023-01-03 09:30:57
原創
29818 人瀏覽過

html檔案裡面放入css的方法:1、直接在HTML標籤中的style屬性中加入CSS;2、在HTML頭部中的style標籤下書寫CSS;3、使用head標籤引入外部的CSS文件;4、使用CSS規則引入外部CSS文件。

html文件裡面怎麼放入css

本文操作環境:Windows7系統、HTML5&&CSS3版,DELL G3電腦

HTML 中引入CSS 的方式

有4 種方式可以在HTML 中引入CSS。其中有 2 種方式是在 HTML 檔案中直接加入 CSS 程式碼,另外兩種是引入 外部 CSS 檔案。下面我們就來看看這些方式和它們的優缺點。

內嵌方式

內聯方式指的是直接在 HTML 標籤中的 style 屬性中加入 CSS。

範例:

<div style="background: red"></div>
登入後複製

這通常是個很糟糕的書寫方式,它只能改變目前標籤的樣式,如果想要多個

擁有相同的樣式,你不得不重複地為每個
增加相同的樣式,如果想要修改一種樣式,又必須修改所有的style 中的程式碼。很顯然,內聯方式引入 CSS 程式碼會導致 HTML 程式碼變得冗長,並且使得網頁難以維護。

嵌入方式

嵌入方式指的是在 HTML 頭部中的