網(wǎng)站制作用的CSS外部樣式優(yōu)勢有哪些以及如何創(chuàng)建
2022-01-01 分類： 網(wǎng)站制作
網(wǎng)站是風格和結(jié)構(gòu)的結(jié)合，在今天的網(wǎng)站上，將網(wǎng)站的這兩個方面分開是最好的做法。HTML一直是為站點提供其結(jié)構(gòu)的東西。在Web的早期，HTML還包含樣式信息。像標記這樣的元素散布在HTML代碼中，除了結(jié)構(gòu)信息之外，還添加了外觀信息。Web標準運動促使我們改變這種做法，轉(zhuǎn)而將所有樣式信息放入CSS或?qū)盈B樣式表中。更進一步，網(wǎng)站制作用的CSS外部樣式優(yōu)勢有哪些以及如何創(chuàng)建他們呢？
外部樣式表的優(yōu)缺點
層疊樣式表最好的一點是，您可以使用它們來保持整個站點的一致性。最簡單的方法是鏈接或?qū)胪獠繕邮奖怼Ｈ绻麑φ军c的每個頁面使用相同的外部樣式表，則可以確保所有頁面都具有相同的樣式。您還可以更輕松地為將來進行更改。由于每個頁面使用相同的外部樣式表，因此對該表所做的任何更改都將影響每個站點頁面。這比單獨更改每個頁面要好得多！
- 外部樣式表的優(yōu)點。您可以同時控制多個文檔的外觀和感覺。這是特別有用的，如果你與一個團隊的人創(chuàng)建您的網(wǎng)站。許多樣式規(guī)則可能很難記住，盡管您可能有一份打印樣式指南，但為了確定示例文本是用12點Arial字體還是14點信使編寫的，連續(xù)翻閱該指南是低效且乏味的。通過把所有的東西都放在一個地方，而且那個地方也是您要進行更改的地方，您可以使維護變得更加容易。您可以創(chuàng)建可用于許多不同HTML元素的樣式類。如果您經(jīng)常使用某種字體樣式來強調(diào)頁面上的各種內(nèi)容，則可以使用在樣式表中設(shè)置的class屬性來獲得此外觀和感覺，而不是為強調(diào)的每個實例定義特定的樣式。您可以輕松地對您的樣式進行分組，以提高效率。CSS可用的所有分組方法都可以在外部樣式表中使用，這為您的頁面提供了更多的控制和靈活性。
- 外部樣式表的缺點。外部樣式表可以增加下載時間，特別是當它們非常大時。由于CSS文件是一個單獨的文檔，必須加載它，因此它將影響執(zhí)行該下載的性能。外部樣式表變大的速度非?？欤驗楹茈y判斷何時某個樣式不再使用，因為在刪除頁面時該樣式不會被刪除。正確管理CSS文件非常重要，特別是在多個人在處理同一文件的情況下。如果您只有一個頁面的網(wǎng)站，有一個CSS的外部文件可能是沒有必要的，因為您只有一個頁面的樣式。當您只有一個頁面站點時，外部CSS的許多優(yōu)點就會消失。
如何創(chuàng)建外部樣式表
外部樣式表是使用類似于文檔級樣式表的語法創(chuàng)建的。但是，您需要包含的只是選擇器和聲明。就像在文檔級樣式表中一樣，規(guī)則的語法是：
selector {property : value;}將這些規(guī)則保存到擴展名為.css的文本文件中。這并不是必需的，但是這是一個很好的習慣，所以您可以在目錄列表中立即識別出您的樣式表。一旦有了樣式表文檔，就需要將其鏈接到Web頁面。有兩種方法可以做到這一點：
- Linking為了鏈接樣式表，可以使用HTML標記。這具有屬性rel、type和href。rel屬性告訴您正在鏈接什么(在本例中是樣式表)，類型定義瀏覽器的MIME-Type，href是.css文件的路徑。
- Importing您可以在文檔級樣式表中使用導入的樣式表，以便可以導入外部樣式表的屬性，而不會丟失任何文檔特定的屬性。調(diào)用它的方式與調(diào)用鏈接樣式表的方式類似，只是它必須在文檔級樣式聲明中調(diào)用?？梢愿鶕?jù)維護網(wǎng)站的需要導入任意數(shù)量的外部樣式表。
網(wǎng)站題目：網(wǎng)站制作用的CSS外部樣式優(yōu)勢有哪些以及如何創(chuàng)建
網(wǎng)站網(wǎng)址：http://jinyejixie.com/news/142498.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站制作等
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 在網(wǎng)站制作中什么樣的域名是好域名 2022-01-01
- 網(wǎng)站制作之優(yōu)化標準和方法 2021-12-30
- 如何搭建集團網(wǎng)站群集團門戶網(wǎng)站制作 2021-12-30
- 網(wǎng)站制作前不妨先弄清楚構(gòu)成網(wǎng)站的五大要素 2021-12-30
- 桂林網(wǎng)站建設(shè)_桂林網(wǎng)站制作如何優(yōu)化保證快速獲得排名 2021-12-29
- 網(wǎng)站制作的定位和后期推廣很重要 2021-12-27
- 網(wǎng)站制作過程中需要注意的幾點 2021-12-27
- 上海網(wǎng)站制作要提高用戶體驗需要注意哪些細節(jié)？ 2021-12-27
- 企業(yè)網(wǎng)站制作如何留住客戶 2021-12-27
- 網(wǎng)站制作淺談網(wǎng)站首頁不可缺少的元素 2021-12-31
- 把網(wǎng)站制作成功的主要因素有哪些 2021-12-30
- 企業(yè)網(wǎng)站制作在設(shè)計方面有什么特點 2021-12-28
- 企業(yè)網(wǎng)站制作如何選擇適合的網(wǎng)建公司 2021-12-27
- 如何進行網(wǎng)站制作可以使公司成功盈利 2021-12-27
- 網(wǎng)站制作淺談尋找關(guān)鍵詞的技巧-深圳網(wǎng)站制作 2021-12-27
- 《上海網(wǎng)站制作》如何進行網(wǎng)站建設(shè)才能受到搜索引擎的青睞？ 2021-12-27
- 網(wǎng)站制作流程有哪些？ 2021-12-27
- 網(wǎng)站制作為什么要定制的 2021-12-27
- 六個網(wǎng)站細節(jié)決定外貿(mào)網(wǎng)站制作的成功與否 2021-12-27