css樣式(css樣式有哪些)

css的全稱是什么

css的全稱是Cascading Style Sheets(層疊樣式表),它是一種用來表現HTML或XML等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。

css樣式有三種,分別為:內聯CSS樣式、行內CSS樣式、外部CSS樣式(外聯樣式)。

1、行內樣式(內嵌樣式):結構的內部,即寫在標簽內的樣式;寫在標簽的開始部分內部,style屬性當中。

<標記style="樣式的屬性名1:樣式的屬性值1;屬性名2:屬性值2;......"></標記>

例:

<pstyle="color:red"></p>

2、內部樣式(內聯樣式):寫在HTML頁面內部,存放于head標記當中,樣式寫在style標記內。

<style>選擇器{屬性名:屬性值;屬性名:屬性值;......}</style>

例:

<style>bdoy{font-size:14px;}</style>

3、外部樣式(外聯樣式):寫在css文件內。

例:

(學習視頻分享:css視頻教程、《html視頻教程》)

HTML有兩種引用css文件的方法:

1)、使用link標簽(鏈接式)

用link標簽直接引入該文件到頁面中。一個頁面可以多次使用LINK標簽引入多個外部css文件,注意這些CSS代碼的相互影響,通常是后引入的CSS文件會覆蓋前面引入的CSS文件的相同效果。這種引入CSS的方式是目前最為流行的,可以在站個網站范圍內進行CSS代碼的規劃,方便復用和維護,但這樣將代碼高度集中,代碼量可能過大,維護不當的話又容易出現混亂。

<linkrel="stylesheet"type="text/css"href="style.css">

2)、使用@import(導入式)

使用@import引入CSS文件有兩種方式,一種可以放在頁面中的<style>...</style> 中,用法如下:

@importurl(index2.css);

另外也可以放在CSS文件中使用,用法如下:

@import"sub.css";

使用@import引入CSS可以很方便的引入外部文件的CSS代碼,方便維護和規劃。但是每多引入一個CSS文件,就會對服務器增加一次連接請求,當訪問量較大時,需在維護性和性能上進行權衡。

關于css樣式有哪些問題的解答就分享到這里了,希望以上內容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注本站行業資訊頻道了解更多相關知識。