中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)站制作用的CSS外部樣式優(yōu)勢(shì)有哪些以及如何創(chuàng)建

2022-01-01    分類(lèi): 網(wǎng)站制作


網(wǎng)站是風(fēng)格和結(jié)構(gòu)的結(jié)合,在今天的網(wǎng)站上,將網(wǎng)站的這兩個(gè)方面分開(kāi)是最好的做法。HTML一直是為站點(diǎn)提供其結(jié)構(gòu)的東西。在Web的早期,HTML還包含樣式信息。像標(biāo)記這樣的元素散布在HTML代碼中,除了結(jié)構(gòu)信息之外,還添加了外觀(guān)信息。Web標(biāo)準(zhǔn)運(yùn)動(dòng)促使我們改變這種做法,轉(zhuǎn)而將所有樣式信息放入CSS或?qū)盈B樣式表中。更進(jìn)一步,網(wǎng)站制作用的CSS外部樣式優(yōu)勢(shì)有哪些以及如何創(chuàng)建他們呢?
外部樣式表的優(yōu)缺點(diǎn)
層疊樣式表最好的一點(diǎn)是,您可以使用它們來(lái)保持整個(gè)站點(diǎn)的一致性。最簡(jiǎn)單的方法是鏈接或?qū)胪獠繕邮奖怼H绻麑?duì)站點(diǎn)的每個(gè)頁(yè)面使用相同的外部樣式表,則可以確保所有頁(yè)面都具有相同的樣式。您還可以更輕松地為將來(lái)進(jìn)行更改。由于每個(gè)頁(yè)面使用相同的外部樣式表,因此對(duì)該表所做的任何更改都將影響每個(gè)站點(diǎn)頁(yè)面。這比單獨(dú)更改每個(gè)頁(yè)面要好得多!
  • 外部樣式表的優(yōu)點(diǎn)。您可以同時(shí)控制多個(gè)文檔的外觀(guān)和感覺(jué)。這是特別有用的,如果你與一個(gè)團(tuán)隊(duì)的人創(chuàng)建您的網(wǎng)站。許多樣式規(guī)則可能很難記住,盡管您可能有一份打印樣式指南,但為了確定示例文本是用12點(diǎn)Arial字體還是14點(diǎn)信使編寫(xiě)的,連續(xù)翻閱該指南是低效且乏味的。通過(guò)把所有的東西都放在一個(gè)地方,而且那個(gè)地方也是您要進(jìn)行更改的地方,您可以使維護(hù)變得更加容易。您可以創(chuàng)建可用于許多不同HTML元素的樣式類(lèi)。如果您經(jīng)常使用某種字體樣式來(lái)強(qiáng)調(diào)頁(yè)面上的各種內(nèi)容,則可以使用在樣式表中設(shè)置的class屬性來(lái)獲得此外觀(guān)和感覺(jué),而不是為強(qiáng)調(diào)的每個(gè)實(shí)例定義特定的樣式。您可以輕松地對(duì)您的樣式進(jìn)行分組,以提高效率。CSS可用的所有分組方法都可以在外部樣式表中使用,這為您的頁(yè)面提供了更多的控制和靈活性。
  • 外部樣式表的缺點(diǎn)。外部樣式表可以增加下載時(shí)間,特別是當(dāng)它們非常大時(shí)。由于CSS文件是一個(gè)單獨(dú)的文檔,必須加載它,因此它將影響執(zhí)行該下載的性能。外部樣式表變大的速度非???,因?yàn)楹茈y判斷何時(shí)某個(gè)樣式不再使用,因?yàn)樵趧h除頁(yè)面時(shí)該樣式不會(huì)被刪除。正確管理CSS文件非常重要,特別是在多個(gè)人在處理同一文件的情況下。如果您只有一個(gè)頁(yè)面的網(wǎng)站,有一個(gè)CSS的外部文件可能是沒(méi)有必要的,因?yàn)槟挥幸粋€(gè)頁(yè)面的樣式。當(dāng)您只有一個(gè)頁(yè)面站點(diǎn)時(shí),外部CSS的許多優(yōu)點(diǎn)就會(huì)消失。
如何創(chuàng)建外部樣式表
外部樣式表是使用類(lèi)似于文檔級(jí)樣式表的語(yǔ)法創(chuàng)建的。但是,您需要包含的只是選擇器和聲明。就像在文檔級(jí)樣式表中一樣,規(guī)則的語(yǔ)法是:
selector {property : value;}
將這些規(guī)則保存到擴(kuò)展名為.css的文本文件中。這并不是必需的,但是這是一個(gè)很好的習(xí)慣,所以您可以在目錄列表中立即識(shí)別出您的樣式表。一旦有了樣式表文檔,就需要將其鏈接到Web頁(yè)面。有兩種方法可以做到這一點(diǎn):
  • Linking為了鏈接樣式表,可以使用HTML標(biāo)記。這具有屬性rel、type和href。rel屬性告訴您正在鏈接什么(在本例中是樣式表),類(lèi)型定義瀏覽器的MIME-Type,href是.css文件的路徑。
  • Importing您可以在文檔級(jí)樣式表中使用導(dǎo)入的樣式表,以便可以導(dǎo)入外部樣式表的屬性,而不會(huì)丟失任何文檔特定的屬性。調(diào)用它的方式與調(diào)用鏈接樣式表的方式類(lèi)似,只是它必須在文檔級(jí)樣式聲明中調(diào)用??梢愿鶕?jù)維護(hù)網(wǎng)站的需要導(dǎo)入任意數(shù)量的外部樣式表。

網(wǎng)站題目:網(wǎng)站制作用的CSS外部樣式優(yōu)勢(shì)有哪些以及如何創(chuàng)建
網(wǎng)站網(wǎng)址:http://m.rwnh.cn/news/142498.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站制作

廣告

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

运城市| 韶山市| 门头沟区| 留坝县| 炉霍县| 呼伦贝尔市| 仁布县| 醴陵市| 鹤壁市| 和政县| 江北区| 开平市| 泽普县| 南乐县| 枞阳县| 广灵县| 峡江县| 汤阴县| 荔波县| 商洛市| 个旧市| 临邑县| 禹城市| 从江县| 淮南市| 丹寨县| 乌鲁木齐县| 丹东市| 绥中县| 黔江区| 河间市| 蓬安县| 甘孜县| 丽江市| 谷城县| 常山县| 呼和浩特市| 当涂县| 积石山| 霍州市| 仙居县|