樣式表css有哪幾種類型

青灯夜游
發布: 2023-01-07 11:43:40
原創
10343 人瀏覽過

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

樣式表css有哪幾種類型

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

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

1、行內樣式表

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

範例:

行内元素,控制段落-1

行内元素,h2 标题元素

行内元素,控制段落-2

行内元素,strong 比 em 效果要强
行内元素,div 块级元素
行内元素,em 强调
登入後複製

2、內部樣式表

內部樣式表包含在

登入後複製

3、外部樣式表

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

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

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

樣式表css有哪幾種類型

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

@charset "gb2312";
登入後複製

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

(學習影片分享:css影片教學

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

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!