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

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

云罗郡主
發布: 2018-10-22 13:50:19
原創
8910 人瀏覽過

引入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
作者最新文章
最新問題
應用程式 css 如何被 BootstrapVue 表覆蓋?
來自於 1970-01-01 08:00:00
0
0
0
css @media print在外部樣式表中無效
來自於 1970-01-01 08:00:00
0
0
0
取得使用類似calc表達式的CSS變數的計算值
來自於 1970-01-01 08:00:00
0
0
0
如何將 Google Fonts 合併到 CSS 樣式表中?
來自於 1970-01-01 08:00:00
0
0
0
了解使用者代理樣式表的作用
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板