使用css樣式表的原因

這篇文章給大家分享的是有關(guān)使用css樣式表的原因的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

創(chuàng)新互聯(lián)于2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目做網(wǎng)站、成都做網(wǎng)站網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元瀘水做網(wǎng)站,已為上家服務(wù),為瀘水各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575

css樣式表可以幫助開(kāi)發(fā)者從如何展示一個(gè)文檔的瑣事中分離出文檔的信息內(nèi)容，即把樣式從內(nèi)容中分離出來(lái)；這樣做的好處：1、可以使用相同的內(nèi)容加以不同的樣式來(lái)實(shí)現(xiàn)不同的目的；2、避免重復(fù)；3、使得維護(hù)更容易；4、減少網(wǎng)頁(yè)代碼量，提高網(wǎng)頁(yè)傳輸效率。

為什么要使用css樣式表？

CSS幫助開(kāi)發(fā)者從如何展示一個(gè)文檔的瑣事中分離出文檔的信息內(nèi)容。那些如何展示文檔的瑣事被稱為文檔的樣式。將樣式從內(nèi)容中分離出來(lái)有以下好處：

避免重復(fù)
使得維護(hù)更容易
可以使用相同的內(nèi)容加以不同的樣式來(lái)實(shí)現(xiàn)不同的目的

你的網(wǎng)站可能有成千上萬(wàn)相似的頁(yè)面。使用CSS，你可以將樣式信息存儲(chǔ)在通用的文件中供所有的頁(yè)面共享。當(dāng)用戶打開(kāi)了一個(gè)網(wǎng)頁(yè)，用戶的瀏覽器會(huì)單獨(dú)加載關(guān)于頁(yè)面內(nèi)容的樣式。當(dāng)用戶打印了一個(gè)網(wǎng)頁(yè)，你應(yīng)該提供不同的樣式來(lái)保證打印出來(lái)的頁(yè)面是易讀的。

通常，你會(huì)使用HTML來(lái)描述頁(yè)面內(nèi)容而不是樣式，使用CSS來(lái)指定頁(yè)面的樣式而不是內(nèi)容。當(dāng)然，也有例外，HTML也可以提供一些方法來(lái)指定樣式。例如，在HTML中你可以使用<b>標(biāo)簽來(lái)加粗文本，也可以在<body>標(biāo)簽中指定頁(yè)面的背景顏色。當(dāng)你使用CSS的時(shí)候，通常會(huì)避免使用HTML的樣式功能，這樣所有的樣式信息就都會(huì)被保存在一個(gè)地方。

使用css樣式表主要是為了方便于網(wǎng)頁(yè)設(shè)計(jì)的分工協(xié)作，比如說(shuō)html部分由一個(gè)人或一個(gè)團(tuán)隊(duì)去完成，js程序部分也是一批人去完成，css也是交給專業(yè)人士去做，這樣肯定就能提高效率，就像裝修房子，硬裝和軟裝都分別由專業(yè)的工程隊(duì)去做，肯定能做得又快又好。反之，如果所有工作都交給一個(gè)工程隊(duì)去完成，質(zhì)量和工期就無(wú)法保證了。

此外，一個(gè)網(wǎng)頁(yè)的css樣式表，可以原封不動(dòng)就給另一個(gè)網(wǎng)頁(yè)甚至其他網(wǎng)站的網(wǎng)頁(yè)使用，這就意味著css是可以重用的，這樣就可以大大減少網(wǎng)頁(yè)的代碼量，提高網(wǎng)頁(yè)傳輸效率，也可以使網(wǎng)站保持劃一的外觀樣式，當(dāng)然同時(shí)也就減輕了網(wǎng)頁(yè)設(shè)計(jì)人員的工作強(qiáng)度。這就好比一個(gè)房子的裝修樣式，可以完全復(fù)制到另一個(gè)類似結(jié)構(gòu)的房子，這可以既可以減少房子裝修的成本，同時(shí)也可以讓房子保持統(tǒng)一的裝修風(fēng)格。

實(shí)踐：為HTML文檔創(chuàng)建樣式表

創(chuàng)建樣式表

1.創(chuàng)建一個(gè)文本文件；這個(gè)文件就是你的樣式表。命名為style1.css

2.在你的CSS文件中，復(fù)制下面這行代碼并拷貝進(jìn)去，然后保存文件：

strong { color: red; }

鏈接你的文檔和樣式表

1.創(chuàng)建另一個(gè)文本文件；這個(gè)文件就是你的文檔。命名為你喜歡的任意名字

2.在你的HTML文件中，復(fù)制下面的代碼并拷貝進(jìn)去，<link...>那一行請(qǐng)引用你自己的樣式表：

<!DOCTYPE html>
 <html>
   <head>
   <meta charset="UTF-8">
   <title>Sample document</title>
   <link rel="stylesheet" href="style1.css">
   </head>
   <body>
     <p>
       <strong>C</strong>ascading
       <strong>S</strong>tyle
       <strong>S</strong>heets
     </p>
   </body>
 </html>

3.保存文件并在瀏覽器中打開(kāi)它。樣式表會(huì)使得<strong>標(biāo)簽中的字母顯示成紅色，如下：

Cascading Style Sheets

感謝各位的閱讀！關(guān)于使用css樣式表的原因就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

分享題目：使用css樣式表的原因
URL地址：http://bm7419.com/article0/igopoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、微信公眾號(hào)、微信小程序、軟件開(kāi)發(fā)、云服務(wù)器、營(yí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í)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容