
本篇文章給大家?guī)淼膬?nèi)容是關(guān)于html中怎么插入CSS?css插入html的四種方法介紹(附代碼),有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對你有所幫助。
1.注釋:
(1).HTML的注釋:
(2).CSS的注釋:/* *
2.HTML中插入CSS(層疊樣式表)的方法
(1).行內(nèi)樣式 (在標(biāo)簽后面直接寫樣式)
!doctype html html head meta charset= utf-8 title 行內(nèi)樣式 /title /head body p >(2)嵌入式(將樣式和html語言分開寫)
!doctype html html head meta charset= utf-8 title 行內(nèi)樣式 /title style type= text/css p{ text-decoration:underline; text-align:center; font-size:26px; font-family:宋體; font-weight:bolder; text-transform:lowercase; letter-spacing:4px; color:pink; background-color:green; } /style /head body p HTML中插入CSS樣式的方法: /br 1 行內(nèi)樣式;2 內(nèi)部樣式; br/ 3 外部樣式; 4 導(dǎo)入樣式; /p /body /html3.外部樣式(鏈接式:將CSS和HTML分開寫)?。。?!最常用
first.html!doctype html html head meta charset= utf-8 title 行內(nèi)樣式 /title link href= first.css type= text/css rel= stylesheet /head body p HTML中插入CSS樣式的方法: /br 1 行內(nèi)樣式;2 內(nèi)部樣式; br/ 3 外部樣式; 4 導(dǎo)入樣式; /p /body /htmlfirst.css
p{ text-decoration:underline;/*加下劃線*/ text-transform:lowercase;/*大寫字母全部小寫*/ text-align:center;/*居中*/ font-size:23px;/*字體大小*/ font-family:黑體;/*設(shè)置字體*/ font-style:italic;/*設(shè)置字傾斜*/ text-indent:3px;/*設(shè)置首行縮進(jìn)*/ color:red;/*設(shè)置字體顏色*/ background-color:#ddd;/*設(shè)置背景顏色*/ letter-spacing:4px;}4.導(dǎo)入式
first.html!doctype html html head meta charset= utf-8 title 行內(nèi)樣式 /title style type= text/css @import url(first.css); /style /head body p HTML中插入CSS樣式的方法: /br 1 行內(nèi)樣式;2 內(nèi)部樣式; br/ 3 外部樣式; 4 導(dǎo)入樣式; /p /body /htmlfirst.css
p{ text-decoration:underline;/*加下劃線*/ text-transform:lowercase;/*大寫字母全部小寫*/ text-align:center;/*居中*/ font-size:33px;/*字體大小*/ font-family:黑體;/*設(shè)置字體*/ font-style:italic;/*設(shè)置字傾斜*/ text-indent:3px;/*設(shè)置首行縮進(jìn)*/ color:red;/*設(shè)置字體顏色*/ background-color:#ddd;/*設(shè)置背景顏色*/ letter-spacing:4px;}相關(guān)推薦:
JavaScript動(dòng)態(tài)插入CSS的方法_javascript技巧
HTML中引入CSS的方法
以上就是html中怎么插入CSS?css插入html的四種方法介紹(附代碼)的詳細(xì)內(nèi)容,其它編程語言
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答