1. 程式人生 > >H5 css的引入方式和使用說明

H5 css的引入方式和使用說明

1,簡介

css:層疊樣式表,cascading style sheet

作用:HTML是頁面的骨架,而css是對網頁骨架內容的修飾

2,為什麼使用:

樣式和內容寫在一起會顯得非常的臃腫,使用css可以將這個樣式單獨抽取來,可以提高開發效率。

css提供了很多HTML無法替代的顯示效果。

單獨抽離出來的css可以進行獨立載入,能夠實現多個頁面的共享,可以節約網路頻寬就是節約成本。

3,css的引入方式:

引入方式一:行內樣式表,通過標籤的style屬性設定

方式二:內聯樣式表,通過style標籤實現

方式三:外聯樣式表,通過link標籤引入

4,引入方式的使用說明:

當設定的屬性比較少,需要設定的地方也比較少,可以使用行內樣式表。1

當樣式只在一個頁面的內部使用,很多地方都需要相同的樣式效果,可以使用內聯樣式表。2

當一個網站的多個頁面需要相同的顯示效果,可以使用外聯樣式表,哪裡使用哪裡引用即可。3