」語句引入。"/> 」語句引入。">

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

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

青灯夜游
青灯夜游原創
2021-06-08 14:33:035441瀏覽

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

引入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程式碼抽出出來,單獨放在一個c9ccee2e6ea535a969eb3f532ad9fe89標籤中;

  • #c9ccee2e6ea535a969eb3f532ad9fe89標籤理論上可以放在HTML文檔的任何地方,但一般會放在文檔的93f0f5c25f18dab9d176bd4f6de5d30e標籤中

3.外部樣式表

引入外部樣式表的步驟:

  • 新建一個後綴名為.css的樣式文件,把所有CSS程式碼都放入此文件中;

  • 在HTML頁面中,使用9b3737d50531bee70b4389e7b6fabf02標籤引入文件,具體引入代碼​​如下所示:

99a09b9b891c8e41a681dd0cb91cce09
屬性 說明
rel 定義目前文件與別連結文件之間的關係,"stylesheet"表示:連結的文件是樣式表檔
href 定義所連結的外部樣式表檔案的URL,可以是相對路徑,也可以是絕對路徑

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

以上是引入css樣式表的方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn