久久久精品一区ed2k-女人被男人叉到高潮的视频-中文字幕乱码一区久久麻豆樱花-俄罗斯熟妇真实视频

html怎么添加css樣式

本文小編為大家詳細(xì)介紹“html怎么添加css樣式”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“html怎么添加css樣式”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。

網(wǎng)頁設(shè)計(jì)是網(wǎng)站建設(shè)的前奏，好的網(wǎng)頁設(shè)計(jì)更深度的剖析產(chǎn)品和設(shè)計(jì)風(fēng)格定位，結(jié)合最新的網(wǎng)頁設(shè)計(jì)流行趨勢(shì)，與WVI應(yīng)用標(biāo)準(zhǔn)，設(shè)計(jì)出具企業(yè)表現(xiàn)力，大器而深穩(wěn)的網(wǎng)站界面設(shè)。創(chuàng)新互聯(lián)建站公司2013年成立,是成都網(wǎng)站建設(shè)公司:提供企業(yè)網(wǎng)站設(shè)計(jì),成都品牌網(wǎng)站建設(shè),營銷型企業(yè)網(wǎng)站建設(shè)方案,自適應(yīng)網(wǎng)站建設(shè),成都小程序開發(fā),專業(yè)建站公司做網(wǎng)站。

首先我們要了解一下在html中添加css樣式的三種方法是什么？它們分別為：

1、使用內(nèi)聯(lián)CSS來應(yīng)用特定元素的規(guī)則，即：行內(nèi)式

2、使用內(nèi)部CSS并在<head>HTML文檔部分包含CSS規(guī)則，即：內(nèi)嵌式

3、鏈接到包含所有CSS規(guī)則的外部文件（.css文件），即：外聯(lián)式

下面我們就來具體的介紹一下行內(nèi)式、內(nèi)嵌式、外聯(lián)式的實(shí)現(xiàn)與優(yōu)缺點(diǎn)。

一、行內(nèi)式

內(nèi)聯(lián)CSS要在特定的HTML標(biāo)記內(nèi)使用。<style>屬性用于設(shè)置特定HTML標(biāo)記的樣式。建議不要使用內(nèi)聯(lián)CSS，因?yàn)槊總€(gè)HTML標(biāo)記都需要單獨(dú)設(shè)置樣式，如果您只使用內(nèi)聯(lián)CSS，管理網(wǎng)站可能會(huì)變得十分困難。但是，它在某些情況下很有用。例如，在您無法訪問CSS文件或僅需要為單個(gè)元素應(yīng)用樣式的情況下。帶有內(nèi)聯(lián)CSS的HTML頁面示例如下所示：

<!DOCTYPEhtml>

<html>

<bodystyle="background-color:black;">

<h2style="color:white;padding:30px;">HostingerTutorials</h2>

<pstyle="color:white;">Somethingusefullhere.</p>

</body>

</html>

內(nèi)聯(lián)CSS的優(yōu)點(diǎn)：

1、如果您想測(cè)試和預(yù)覽更改，則非常有用。

2、對(duì)快速修復(fù)很有用。

3、降低HTTP請(qǐng)求。

內(nèi)聯(lián)CSS的缺點(diǎn)：

內(nèi)聯(lián)CSS必須應(yīng)用于每個(gè)元素。

二、內(nèi)嵌式

內(nèi)嵌css樣式就是把css代碼放在特定頁面的<head>部分中。類和ID可用于引用CSS代碼，但它們僅在該特定頁面上處于活動(dòng)狀態(tài)。每次頁面加載時(shí)都會(huì)下載以這種方式嵌入的CSS樣式，這樣可以提高加載速度。在某些情況下使用內(nèi)嵌樣式表很有用，比如：向某人發(fā)送頁面模板，因?yàn)橐磺卸荚谝粋€(gè)頁面中，所以看到預(yù)覽要容易得多。內(nèi)嵌CSS要放在<style></style>標(biāo)簽之間。內(nèi)部樣式表的一個(gè)示例：

<head>

<styletype="text/css">

p{color:white;font-size:10px;}

.center{display:block;margin:0auto;}

#button-go,#button-back{border:solid1pxblack;}

</style>

</head>

內(nèi)嵌CSS的優(yōu)點(diǎn)：

1、樣式表只影響一個(gè)頁面。

2、內(nèi)部樣式表可以使用類和ID。

3、無需上傳多個(gè)文件。HTML和CSS可以在同一個(gè)文件中。

內(nèi)嵌CSS的缺點(diǎn)：

1、增加頁面加載時(shí)間。

2、它只影響一個(gè)頁面-如果要在多個(gè)文檔上使用相同的CSS，則無用。

三、外聯(lián)式

將CSS添加到html頁面上最方便的方法可能就是將其鏈接到外部文件（.css文件）。這樣，您對(duì)外部CSS文件所做的任何更改都將反映在你的網(wǎng)站上。外部CSS文件的引用要放在頁面的<head>部分中，例：

<head>

<linkrel="stylesheet"type="text/css"href="style.css"/>

</head>

而style.css包含所有樣式規(guī)則。例如：

.xleftcol{

float:left;

width:33%;

background:#809900;

}

.xmiddlecol{

float:left;

width:34%;

background:#eff2df;

}

外聯(lián)CSS的優(yōu)點(diǎn)：

1、HTML頁面的大小更小，結(jié)構(gòu)更清晰。

2、加載速度更快。

3、相同的.css文件可以在多個(gè)頁面上使用。

外聯(lián)CSS的缺點(diǎn)：

在加載外部CSS之前，頁面可能無法正確呈現(xiàn)。
html怎么添加css樣式

讀到這里，這篇“html怎么添加css樣式”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章名稱：html怎么添加css樣式
地址分享：http://sd-ha.com/article6/jgshig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、App開發(fā)、自適應(yīng)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站收錄、移動(dòng)網(wǎng)站建設(shè)

廣告

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

搜索引擎優(yōu)化