css樣式有哪些

css樣式有哪些？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

css的全稱是什么

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

css樣式有三種，分別為：內聯CSS樣式、行內CSS樣式、外部CSS樣式（外聯樣式）。

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

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

例：

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

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代碼的規劃，方便復用和維護，但這樣將代碼高度集中，代碼量可能過大，維護不當的話又容易出現混亂。

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

2）、使用@import（導入式）

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

@import url(index2.css);

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

@import "sub.css";

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

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