引入css的這4種方法你全用過嗎?

2017-05-24 1190 1 編輯:深圳網站建設 來源:互聯網

在html中要引入css,才能對其html元素內容進行修飾,html是網頁的結構部分,css是在html中起修飾也就像房子裝修類似的意思,css樣式表可以對html里的元素內容進行控制它的大小,顏色,字體等等,html加css就是目前的div+css布局(表格布局的時代過去了),下面講下引入css的4種方法,不知道你全用過沒,請看:

1.行內式,即直接寫在標簽里,如:

<p style="font-size:16px;color:#000;">引入css的這4種方法你全用過嗎?</p>

2.內鏈式,即在寫head標簽里,如:

<!Doctype html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>

    <title>引入css的這4種方法</title>

    <style type="text/css">

           p{font-size:16px;color:#000;}

    </style>

</head>

<body>

     <p>引入css的這4種方法</p>

</body>

</html>

3.【推薦】外鏈式,即引用外部css樣式表,如:

<!Doctype html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>

    <title>引入css的這4種方法</title>

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

</head>

<body>

     <p>引入css的這4種方法</p>

</body>

</html>

4.使用@import,即引用外部css樣式表,如:

<!Doctype html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>

    <title>通過@import引用外部css樣式表</title>

    <style type="text/css">

        @import url(css.css);/*這里是通過@import引用外部css樣式表*/

    </style>

</head>

<body>

     <p>通過@import引用外部css樣式表</p>

</body>

</html>

專業的網站建設公司,深正互聯,如您有網站營銷需求,請您關注我們,或者致電13828884598

本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
七星彩头尾 时时彩后二直选怎么买赚钱 飞升降宝宝赚钱 盈宝彩网址 网上匹配赚钱的 趣赢彩票安卓 官方游戏下载大全怎么赚钱 oto怎么赚钱 宝马彩票安卓 办信用卡都是怎么赚钱的 魔兽8.1刷什么材料赚钱 意彩首页 ps4gta5ol怎么卡赚钱 红警大中华1985 怎么使用拉卡拉赚钱 影视会员倒卖赚钱吗 可以赢现金的麻将游戏