首頁 > web前端 > 前端問答 > 引入css樣式表的方法有哪些

引入css樣式表的方法有哪些

青灯夜游
發布: 2021-06-08 14:33:35
原創
5444 人瀏覽過

方法:1、在元素標籤內的style屬性中加入CSS樣式;2、在文檔head部分的style標籤對中加入CSS樣式;3、將CSS程式碼放入「.css」檔案中,使用「」語句引入。

引入css樣式表的方法有哪些

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

CSS的三種樣式表

#依照CSS樣式書寫的位置(或引入的方式),CSS樣式表可以分成以下三大類:

  • 行內樣式表(行內式)

  • #內部樣式表(內嵌)

  • #外部樣式表(連結式)

1.行內樣式表

#行內樣式表的語法格式如下:

<div style="color: blue; font-size: 16px;">测试</div>
登入後複製

注意:

  • 行內樣式表是在元素標籤內部的style屬性中設定CSS樣式,只適用於修改簡單的樣式

2.內部樣式表

內部樣式表的語法格式如下:

<style>
div {
color: blue;
font-size: 16px;
}
</style>
登入後複製

注意:

  • 內部樣式表是把所有的CSS程式碼抽出出來,單獨放在一個