樣式表css有哪幾種類型

樣式表css有3種類型：1、行內樣式表，把CSS樣式透過style屬性直接放在程式碼行內的標籤中；2、內部樣式表，把CSS樣式放到「

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

一個或多個 CSS 樣式可以組成一個樣式表。樣式表包括行內樣式表、內部樣式表和外部樣式表，它們沒有本質區別，都是由一個或多個樣式組成。

1、行內樣式表

行內樣式就是把CSS 樣式直接放在程式碼行內的標籤中，通常會放入標籤的style屬性中，由於行內樣式直接插入標籤中，故是最直接的一種方式，同時也是修改最不方便的樣式。

範例：

<p style="background-color: #999900">行内元素，控制段落-1</p>
<h2 style="background-color: #FF6633">行内元素，h2 标题元素</h2>
<p style="background-color: #999900">行内元素，控制段落-2</p>
<strong style="font-size:30px;">行内元素，strong 比 em 效果要强</strong>
<div style="background-color:#66CC99; color:#993300; height:30px; line-height:30px;">行内元素，div 块级元素</div>
<em style="font-size:2em;">行内元素，em 强调</em>

2、內部樣式表

內部樣式表包含在

如果一個網頁文件中包含多個

範例：

<style type="text/css">
p{
    text-align: left;  /*文本左对齐*/
    font-size: 18px;  /*字体大小 18 像素*/
    line-height: 25px;  /*行高 25 像素*/
    text-indent: 2em;  /*首行缩进2个文字大小空间*/
    width: 500px;  /*段落宽度 500 像素*/
    margin: 0 auto;  /*浏览器下居中*/
    margin-bottom: 20px;  /*段落下边距 20 像素*/
}
</style>

3、外部樣式表

如果CSS 樣式被放置在網頁文件外部的文件中，則稱為外部樣式表，一個CSS 樣式表文件就表示一個外部樣式表。

實際上，外部樣式表也就是一個文字文件，擴展名為.css。當把CSS樣式程式碼複製到一個文字檔後，另存為.css文件，則它就是一個外部樣式表。

如下圖所示就是一個外部樣式表

可以在外部樣式表檔案頂部定義 CSS 原始碼的字元編碼。例如，下面程式碼定義樣式表檔案的字元編碼為中文簡體。

@charset "gb2312";

如果沒有設定 CSS 檔案的字元編碼，可以保持預設設置，則瀏覽器會根據 HTML 檔案的字元編碼 來解析 CSS 程式碼。

（學習影片分享：css影片教學）

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