網站是風格和結構的結合,在今天的網站上,將網站的這兩個方面分開是最好的做法。HTML一直是為站點提供其結構的東西。在Web的早期,HTML還包含樣式信息。像<font>標記這樣的元素散布在HTML代碼中,除了結構信息之外,還添加了外觀信息。Web標準運動促使我們改變這種做法,轉而將所有樣式信息放入CSS或層疊樣式表中。更進一步,
網站制作用的CSS外部樣式優勢有哪些以及如何創建他們呢?
外部樣式表的優缺點
層疊樣式表最好的一點是,您可以使用它們來保持整個站點的一致性。最簡單的方法是鏈接或導入外部樣式表。如果對站點的每個頁面使用相同的外部樣式表,則可以確保所有頁面都具有相同的樣式。您還可以更輕松地為將來進行更改。由于每個頁面使用相同的外部樣式表,因此對該表所做的任何更改都將影響每個站點頁面。這比單獨更改每個頁面要好得多!
- 外部樣式表的優點。您可以同時控制多個文檔的外觀和感覺。這是特別有用的,如果你與一個團隊的人創建您的網站。許多樣式規則可能很難記住,盡管您可能有一份打印樣式指南,但為了確定示例文本是用12點Arial字體還是14點信使編寫的,連續翻閱該指南是低效且乏味的。通過把所有的東西都放在一個地方,而且那個地方也是您要進行更改的地方,您可以使維護變得更加容易。您可以創建可用于許多不同HTML元素的樣式類。如果您經常使用某種字體樣式來強調頁面上的各種內容,則可以使用在樣式表中設置的class屬性來獲得此外觀和感覺,而不是為強調的每個實例定義特定的樣式。您可以輕松地對您的樣式進行分組,以提高效率。CSS可用的所有分組方法都可以在外部樣式表中使用,這為您的頁面提供了更多的控制和靈活性。
- 外部樣式表的缺點。外部樣式表可以增加下載時間,特別是當它們非常大時。由于CSS文件是一個單獨的文檔,必須加載它,因此它將影響執行該下載的性能。外部樣式表變大的速度非??欤驗楹茈y判斷何時某個樣式不再使用,因為在刪除頁面時該樣式不會被刪除。正確管理CSS文件非常重要,特別是在多個人在處理同一文件的情況下。如果您只有一個頁面的網站,有一個CSS的外部文件可能是沒有必要的,因為您只有一個頁面的樣式。當您只有一個頁面站點時,外部CSS的許多優點就會消失。
如何創建外部樣式表
外部樣式表是使用類似于文檔級樣式表的語法創建的。但是,您需要包含的只是選擇器和聲明。就像在文檔級樣式表中一樣,規則的語法是:
selector {property : value;}
將這些規則保存到擴展名為.css的文本文件中。這并不是必需的,但是這是一個很好的習慣,所以您可以在目錄列表中立即識別出您的樣式表。一旦有了樣式表文檔,就需要將其鏈接到Web頁面。有兩種方法可以做到這一點:
- Linking為了鏈接樣式表,可以使用HTML標記。這具有屬性rel、type和href。rel屬性告訴您正在鏈接什么(在本例中是樣式表),類型定義瀏覽器的MIME-Type,href是.css文件的路徑。
- Importing您可以在文檔級樣式表中使用導入的樣式表,以便可以導入外部樣式表的屬性,而不會丟失任何文檔特定的屬性。調用它的方式與調用鏈接樣式表的方式類似,只是它必須在文檔級樣式聲明中調用??梢愿鶕S護網站的需要導入任意數量的外部樣式表。
網站名稱:網站制作用的CSS外部樣式優勢有哪些以及如何創建
文章位置:http://vcdvsql.cn/news48/142498.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站制作等
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯