位置：首頁 > IT科技 >

css引入的方式有什麼

系統版本：windows7

在網頁中css主要負責html文檔的樣式顯示，CSS引入的方式大致可以分爲四種，分爲是行內樣式、內嵌樣式、鏈接樣式和導入樣式。

1、行內樣式

行內式也叫內聯樣式，是指標記的style屬性中設定css樣式。

<div style="background: red;">hello world!div>

2、內嵌樣式

style元素位於head標籤內部，type屬性指定css代碼的文檔類型。

<head> 　　<style type="text/css"> 　　　　div{background: red;} 　　style> head>

3、鏈接樣式

它在網頁的標籤對中使用標記來引入外部樣式表文件。

<link type="text/css" rel="stylesheet" href="CSS樣式文件的地址">

4、導入樣式

導入外部樣式單主要通過@import方式導入css文件，有兩種導入方式。

(1)在style元素中導入CSS文件

<style type="text/css"> @import "CSS樣式文件的絕對地址"; @import url("樣式文件的絕對地址"); style>

(2)在CSS文件中再導入CSS文件

/*某個CSS文件*/ @import "另一個CSS文件的地址"; .test{ width: 100px; height: 100px; line-height: 20px; background-color: red; }

開心生活站