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

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爆操黑丝美女| 日韩欧美黄色三级视频| 日韩中文字幕亚洲精品一| 夫妻性生活视频在线免费看| 男女激情视频久久精品| 日韩欧美国产成人在线观看| 日韩专区亚洲专区欧美专区| 久久亚洲一区二区三区乱码| 91在线播放国产视频| 国产日韩欧美一区二区丝袜| 美女高潮呻吟免费观看久久久| 欧美性大片一区二区三区| 夫妻性生活短是什么原因| 未满十八禁止免费视频| 蜜臀av人妻一区二区三区| 日韩精品熟妻人女亚洲一区| 亚洲国产日韩欧美在线播放| 国产中文字幕婷婷丁香| 精品一区二区三区高清| 国内精品人妻在线中文字幕| 国产亚洲欧美精品久久久久久| 曰韩av毛片在线观看| 白嫩少妇情久久密月久久| 国产91极品尤物白丝美女| 久久精品免费激情视频| 欧美视频免费一级黄片| 国产精致成人免费视频| 欧美 日韩一区二区在线| 麻豆黄片在线免费观看|