css樣式大全(加載css有幾種方式?)
加載css有幾種方式?常用的三種:1、頁面中引入樣式表文件,在單獨的樣式表css文件中編寫樣式代碼,引入方式如下:然后在style.css文件中編寫樣式。這種最常用,優點是方便管理,樣式統一,代碼精簡

加載css有幾種方式?
常用的三種:1、頁面中引入樣式表文件,在單獨的樣式表css文件中編寫樣式代碼,引入方式如下:然后在style.css文件中編寫樣式。這種最常用,優點是方便管理,樣式統一,代碼精簡,用于全站統一樣式。2、在Html頭部(head)中用包起來,在這里面編寫樣式代碼,如下:這種一般用于單頁面或單獨的專題頁面,如果用于全站,增加頁面代碼,浪費流量,也不利于改版。3、在標簽里面直接編寫行內樣式,這種是最不常用的:
這類最少用,會使頁面結構混亂,代碼臃腫,后期維護成本增加。
加載css有幾種方式?
加載css樣式有4種
1.外部樣式(外聯樣式)
如果css是一個外部文件,可以在你html文件的ltheadgtlt/headgt里寫上
ltlink href=#34style.css#34 rel=#34stylesheet#34 type=#34text/css#34 /gt
1
1
href=”style.css”這里可以寫上你css文件的路徑
這種形式是把css單獨寫到一個css文件內,然后在源代碼中以link方式鏈接。它的好處是不但本頁可以調用,其它頁面也可以調用,是最常用的一種形式
2.內部樣式(內嵌樣式)
如果是內部樣式,也可以在ltheadgtlt/headgt里寫上
ltstyle type=#34text/css#34gt
h3 { color:#f00}
lt/stylegt
1
2
3
1
2
3
它是以ltstylegt和lt/stylegt結尾,寫在源代碼的head標簽內。這樣的樣式表只能針對本頁有效。不能作用于其它頁面。
3.行內樣式
還可以在html標簽上直接寫css樣式
ltp style=#34font-size:18px#34gt內部樣式lt/pgt
1
1
這種在標簽內以style標記的為行內樣式,行內樣式只針對標簽內的元素有效,因其沒有和內容相分離,所以不建議使用。
4.導入樣式
@import url(#34public.css#34)
1
1
導入樣式是以@import url標記所鏈接的外部樣式表,它一般常用在另一個樣式表內部。如index.css為主頁所用樣式,那么我們可以把全局都需要用的公共樣式放到一個public.css的文件中,然后在index.css中以
@import url(#34/public.css#34)
的形式鏈接全局樣式,這樣就使代碼達到很好的重用性。