CSS引入方式
-
按照CSS樣式書寫的位置(或引入方式),CSS樣式表可分為三大類
-
行內樣式表
-
行內樣式是在元素標簽內部的style屬性設定CSS樣式,適合修改簡單樣式
-
<div style="color:red; "></div> -
【注意】
- style其實就是標簽的屬性
- 在雙引號中間,寫法要符合CSS規范
- 可以控制當前的標簽設定樣式
- 書寫繁瑣,并且沒有體現出結構與樣式相分離的思想,所以不推薦大量使用
-
-
內部樣式表
-
內部樣式表是寫到html頁面內部,是將所有的CSS代碼抽取出來,單獨放到一個<style> 標簽中
-
<style type="text/css"> div{ text-decoration:underline; } </style> -
<style> 標簽理論上可以放在HTML檔案的任何地方,但一般放在<head> 標簽中
-
通過這種方式,可以方便控制當前整個頁面的元素樣式設定
-
代碼結構清晰,但是并沒有實作結與樣式的完全分離
-
使用內部樣式表設定CSS,通常也被稱為嵌入式引入,這種方式是我們練習是常使用的
-
-
外部樣式表
-
樣式單獨寫到CSS檔案中,之后把CSS檔案引入到HTML頁面中使用
-
引入外部樣式表
-
新建一個.css的樣式檔案,把所有css代碼都放入此檔案中
-
在HTML頁面中,使用<link> 標簽引入這個檔案
-
<link rel="stylesheet" href="https://www.cnblogs.com/SSPOFA/p/css檔案路徑">屬性 作用 rel 定義當前檔案與被鏈接檔案之間的關系,在這里需要指定為“stylesheet”,表示被鏈接的檔案是一個樣式表檔案 href 定義所連接外部樣式表檔案的URL,可以是相對路徑,也可以是絕對路徑
-
-
-
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/111829.html
標籤:Html/Css
上一篇:CSS文本屬性
