css樣式有哪幾種

css樣式有3種：1、行內樣式，寫在HTML標籤的style屬性中；2、內聯樣式，寫在style標籤中；3、外部樣式，寫在單獨的「.css 」文件中，需使用link標籤或「@import」規則引入HTML中。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

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檔案有兩種方式，一種可以放在頁面中的

@import url(index2.css);

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

@import "sub.css";

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

更多程式相關知識，請造訪：程式設計影片！ ！

以上是css樣式有哪幾種的詳細內容。更多資訊請關注PHP中文網其他相關文章！