欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

html文件里面如何放入css

這篇文章主要介紹html文件里面如何放入css,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!

成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比精河網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式精河網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋精河地區(qū)。費(fèi)用合理售后完善,十年實(shí)體公司更值得信賴。

html文件里面放入css的方法:1、直接在HTML標(biāo)簽中的style屬性中添加CSS;2、在HTML頭部中的style標(biāo)簽下書寫CSS;3、使用head標(biāo)簽引入外部的CSS文件;4、使用CSS規(guī)則引入外部CSS文件。

HTML 中引入 CSS 的方式

有 4 種方式可以在 HTML 中引入 CSS。其中有 2 種方式是在 HTML 文件中直接添加 CSS 代碼,另外兩種是引入 外部 CSS 文件。下面我們就來看看這些方式和它們的優(yōu)缺點(diǎn)。

內(nèi)聯(lián)方式

內(nèi)聯(lián)方式指的是直接在 HTML 標(biāo)簽中的 style 屬性中添加 CSS。

示例:

<div style="background: red"></div>

這通常是個很糟糕的書寫方式,它只能改變當(dāng)前標(biāo)簽的樣式,如果想要多個 <div> 擁有相同的樣式,你不得不重復(fù)地為每個 <div> 添加相同的樣式,如果想要修改一種樣式,又不得不修改所有的 style 中的代碼。很顯然,內(nèi)聯(lián)方式引入 CSS 代碼會導(dǎo)致 HTML 代碼變得冗長,且使得網(wǎng)頁難以維護(hù)。

嵌入方式

嵌入方式指的是在 HTML 頭部中的 <style> 標(biāo)簽下書寫 CSS 代碼。

示例:

<head>
    <style>
    .content {
        background: red;
    }
    </style>
</head>

嵌入方式的 CSS 只對當(dāng)前的網(wǎng)頁有效。因?yàn)?CSS 代碼是在 HTML 文件中,所以會使得代碼比較集中,當(dāng)我們寫模板網(wǎng)頁時這通常比較有利。因?yàn)椴榭茨0宕a的人可以一目了然地查看 HTML 結(jié)構(gòu)和 CSS 樣式。因?yàn)榍度氲?CSS 只對當(dāng)前頁面有效,所以當(dāng)多個頁面需要引入相同的 CSS 代碼時,這樣寫會導(dǎo)致代碼冗余,也不利于維護(hù)。

鏈接方式

鏈接方式指的是使用 HTML 頭部的 <head> 標(biāo)簽引入外部的 CSS 文件。

示例:

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

這是最常見的也是最推薦的引入 CSS 的方式。使用這種方式,所有的 CSS 代碼只存在于單獨(dú)的 CSS 文件中,所以具有良好的可維護(hù)性。并且所有的 CSS 代碼只存在于 CSS 文件中,CSS 文件會在第一次加載時引入,以后切換頁面時只需加載 HTML 文件即可。

導(dǎo)入方式

導(dǎo)入方式指的是使用 CSS 規(guī)則引入外部 CSS 文件。

示例:

<style>
    @import url(style.css);
</style>

比較鏈接方式和導(dǎo)入方式

鏈接方式(下面用 link 代替)和導(dǎo)入方式(下面用 @import 代替)都是引入外部的 CSS 文件的方式,下面我們來比較這兩種方式,并且說明為什么不推薦使用 @import。

link 屬于 HTML,通過 <link> 標(biāo)簽中的 href 屬性來引入外部文件,而 @import 屬于 CSS,所以導(dǎo)入語句應(yīng)寫在 CSS 中,要注意的是導(dǎo)入語句應(yīng)寫在樣式表的開頭,否則無法正確導(dǎo)入外部文件;

@import 是 CSS2.1 才出現(xiàn)的概念,所以如果瀏覽器版本較低,無法正確導(dǎo)入外部樣式文件;

當(dāng) HTML 文件被加載時,link 引用的文件會同時被加載,而 @import 引用的文件則會等頁面全部下載完畢再被加載;

小結(jié):我們應(yīng)盡量使用 <link> 標(biāo)簽導(dǎo)入外部 CSS 文件,避免或者少用使用其他三種方式。

以上是“html文件里面如何放入css”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

分享標(biāo)題:html文件里面如何放入css
URL標(biāo)題:http://aaarwkj.com/article36/pccosg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)、App設(shè)計、小程序開發(fā)、Google、網(wǎng)站制作做網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)
成人亚洲精品一区二区三区| 久久这里有精品免费观看| 亚洲av一本岛在线播放| 日本免费一区中文字幕| 国产成人久久精品二区三区| 国产精品亚洲国产精品| 久久精品国产一区二区三区不卡| 日本岛国一区二区在线| 亚洲欧美日韩在线第三页| 免费高清av中文字幕| 亚洲一区二区三区四区五区六| 欧美伊香蕉久久综合网99| 亚洲欧美国产在线日韩| 日韩欧美国产麻豆一区精品| 天堂av在线免费观看| 91精品在线观看第一页| 极品人妻视频中文字幕| 国产精品亚洲一区二区在| 亚洲av在线视频免费播放| 精品日韩欧美在线观看91| 亚洲一区日韩精品颜射| 夫妻晚上同房太猛视频| 视频一区中文字幕在线| 高h视频在线播放观看| 97视频在线视频免费| 欧美伊香蕉久久综合网99| 亚洲av不卡一区二区在线观看| 亚洲综合日韩欧美一区二区三区| 亚洲一区二区精品自拍| 日韩美女av在线播放| av影片在线观看不卡| 自拍偷拍亚洲精品第一页| 一区二区三区视频在线国产| 日韩看片一区二区三区高清| 婷婷激情亚洲综合综合久久| 亚洲日本久久久午夜精品| 极品少妇高潮在线观看免费| 日日插天天干夜夜操| 91免费版在线观看网址| 日韩视频一区二区三区系列| 爱爱网爱综合日日干夜夜操|