這篇文章主要介紹了使用CSS的原因,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)公司,提供成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);可快速的進(jìn)行網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,是專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
使用css可以將網(wǎng)頁的大部分甚至是全部的表示信息(樣式)從HTML文件中移出,實(shí)現(xiàn)樣式和內(nèi)容分離;這樣可以降低文件大小、節(jié)省網(wǎng)絡(luò)帶寬,避免樣式代碼重復(fù),使得維護(hù)更容易,可以使用相同的內(nèi)容加以不同的樣式來實(shí)現(xiàn)不同的目的。
為什么要使用CSS?
CSS幫助你從如何展示一個文檔的瑣事中分離出文檔的信息內(nèi)容。那些如何展示文檔的瑣事被稱為文檔的樣式。
css將網(wǎng)頁的大部分甚至是全部的表示信息從(X)HTML文件中移出,并將它們保留在一個樣式表中。將樣式從內(nèi)容中分離出來有以下好處:
降低文件大小、節(jié)省網(wǎng)絡(luò)帶寬
避免重復(fù)
使得維護(hù)更容易。
站點(diǎn)的表現(xiàn)信息和核心內(nèi)容相分離,使得站點(diǎn)的設(shè)計(jì)人員能夠在短暫的時間內(nèi)對整個網(wǎng)站進(jìn)行各種各樣的修改。
可以使用相同的內(nèi)容加以不同的樣式來實(shí)現(xiàn)不同的目的
CSS簡化了網(wǎng)頁的格式代碼,外部的樣式表還會被瀏覽器保存在緩存里,加快了下載顯示的速度,也減少了需要上傳的代碼數(shù)量(因?yàn)橹貜?fù)設(shè)置的格式將被只保存一次)。只要修改保存著網(wǎng)站格式的CSs樣式表文件就可以改變整個站點(diǎn)的風(fēng)格特色,在修改頁面數(shù)量龐大的站點(diǎn)時,顯得格外有用。這就避免了一個個網(wǎng)頁的修改,大大減少了工作量。
你的網(wǎng)站可能有成千上萬相似的頁面。使用CSS,你可以將樣式信息存儲在通用的文件中供所有的頁面共享。當(dāng)用戶打開了一個網(wǎng)頁,用戶的瀏覽器會單獨(dú)加載關(guān)于頁面內(nèi)容的樣式。當(dāng)用戶打印了一個網(wǎng)頁,你應(yīng)該提供不同的樣式來保證打印出來的頁面是易讀的。
通常,你會使用HTML來描述頁面內(nèi)容而不是樣式,使用CSS來指定頁面的樣式而不是內(nèi)容。當(dāng)然,也有例外,HTML也可以提供一些方法來指定樣式。例如,在HTML中你可以使用標(biāo)簽來加粗文本,也可以在標(biāo)簽中指定頁面的背景顏色。當(dāng)你使用CSS的時候,通常會避免使用HTML的樣式功能,這樣所有的樣式信息就都會被保存在一個地方。
實(shí)踐:為HTML文檔創(chuàng)建樣式表
創(chuàng)建樣式表
1.創(chuàng)建一個文本文件;這個文件就是你的樣式表。命名為style1.css
2.在你的CSS文件中,復(fù)制下面這行代碼并拷貝進(jìn)去,然后保存文件:
strong { color: red; }
鏈接你的文檔和樣式表
1.創(chuàng)建另一個文本文件;這個文件就是你的文檔。命名為你喜歡的任意名字
2.在你的HTML文件中,復(fù)制下面的代碼并拷貝進(jìn)去,
Sample document Cascading Style Sheets
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享使用CSS的原因內(nèi)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián),詳細(xì)的解決方法等著你來學(xué)習(xí)!