首頁 >web前端 >css教學 >引入css樣式表有哪幾種方法?分別是怎麼實現的

引入css樣式表有哪幾種方法?分別是怎麼實現的

云罗郡主
云罗郡主原創
2018-10-22 13:49:568774瀏覽

引入css樣式表是利用css製作網站的關鍵的一步,很多人還不知道引入css樣式表有哪幾種方法?那麼下面我們就來講一下引入css樣式表有哪幾種方法?以及三種效果是怎麼實現的。

引入css樣式表有哪幾種方法?分別是怎麼實現的

一:引入css樣式表有哪幾種方法

引入css樣式表有三種方法,第一個是嵌入式,也就是寫到外部css當中,另外一種就是內聯式引入,是寫在之間,第三種就是直接寫在html中。

二:引入css樣式表分別是怎麼實現的

1.外部式引入css,通常在網站原始碼中,我們在網站原始碼中看後綴名以.css為檔案副檔名,例如css.css,需要把外部的樣式引入到我們的網站中,例如:

<link href="/css/css.css" rel="stylesheet" type="text/css"/>

2.內聯式引入樣式表,嵌入的樣式也是一種級聯,一般情況下,都是放在網站的頭部,並且嵌入的樣式只能在一個網頁中使用,例如:

<style type="text/css">
中间用于放CSS样式代码
</style>

3.行內樣式的實作也是很簡單的,我們可以使用樣式屬性直接放到我們的程式碼中,例如:

<div style="width:100px">设置div标签宽度为100px</div>

以上就是對引入css樣式表有哪幾種方法?分別是怎麼實現的的全部介紹,如果你想了解更多有關CSS影片教學,請追蹤php中文網。


以上是引入css樣式表有哪幾種方法?分別是怎麼實現的的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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