css中有哪些樣式

css中有哪些樣式？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

css樣式有三種，分別為：1、內聯(lián)CSS樣式，語法“<標記 style="屬性名:屬性值"></標記>”；2、行內CSS樣式，語法“<style>選擇器{屬性名:屬性值;}</style>”；3、外部CSS樣式，使用link標簽引入css。

CSS(全稱Cascading Style Sheets，層疊樣式表)是一種用來表現(xiàn)HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。

css是一種層疊樣式表，用來表示html樣式的一種編程語言，目前css的最新版本是css3，css是可以做到網(wǎng)頁和內容進行分離的一種樣式語言。

CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。

在css進入前端語言之前，很多一部分人都把css當做一種前端語言，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對于網(wǎng)頁進行格式化。

CSS樣式主要包含以下三種類型：

1、行內樣式（內嵌樣式）：結構的內部，即寫在標簽內的樣式；寫在標簽的開始部分內部，style屬性當中。

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

例：

<div style="color:red"></div>

2、內部樣式（內聯(lián)樣式）：寫在HTML頁面內部，存放于head標記當中，樣式寫在style標記內。

<style>選擇器 {屬性名：屬性值；屬性名：屬性值；......}</style>

例：

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

3、外部樣式（外聯(lián)樣式）：寫在css文件內。

可以使用<link>來將css文件引入HTML頁面中。

<link type="text/css" rel="stylesheet" href="css/main.css" />

使用CSS樣式的優(yōu)點：

CSS有助于實現(xiàn)負責任的Web設計。CSS對開發(fā)者構建Web站點的影響很大，并且這種影響可能是無止境的。將網(wǎng)頁的大部分甚至是全部的表示信息從HTML或XML文件中移出，并將它們保留在一個樣式表中有諸多優(yōu)點，如降低文件大小、節(jié)省網(wǎng)絡帶寬以及易于維護等。

此外，站點的表現(xiàn)信息和核心內容相分離，使得站點的設計人員能夠在短暫的時間內對整個網(wǎng)站進行各種各樣的修改。

CSS簡化了網(wǎng)頁的格式代碼，外部的樣式表還會被瀏覽器保存在緩存里，加快了下載顯示的速度，也減少了需要上傳的代碼數(shù)量（因為重復設置的格式將被只保存一次）。

只要修改保存著網(wǎng)站格式的CSS樣式表文件就可以改變整個站點的風格特色，在修改頁面數(shù)量龐大的站點時，顯得格外有用。這就避免了一個個網(wǎng)頁的修改，大大減少了工作量。

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業(yè)資訊頻道，感謝您對億速云的支持。