css引入的方式有什麼
- IT科技
- 關注:1.06W次
系統版本: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; }
- 文章版權屬於文章作者所有,轉載請註明 https://shqsg.com/zh-hk/dianzi/q3nl44.html