在網頁設計中,CSS(Cascading Style Sheets)是用來控制網頁樣式的語言,它使得我們可以通過外部樣式表調用css樣式,從而實現在多個網頁中統一樣式的目的。
外部樣式表的調用非常簡單,我們只需要在HTML文檔的
標簽中通過標簽指定外部樣式表的路徑即可,如下所示:上述代碼中,我們指定了樣式表的路徑為style.css,當瀏覽器加載該HTML文檔時會同時加載并應用style.css中的樣式。
在外部樣式表中,我們可以定義多個樣式,在HTML中我們可以通過class或id屬性來選擇應用的樣式,如下所示:
/*定義樣式*/ .title { font-size: 24px; font-weight: bold; } .content { font-size: 16px; } /*應用樣式*/標題內容
上述代碼中,樣式表定義了.title和.content兩個樣式,HTML中使用class屬性指定應用樣式,其中.title樣式被應用到了標題元素上,.content樣式被應用到了內容元素上。
通過外部樣式表調用CSS樣式,可以極大地提高網頁的開發效率和維護性,讓網頁的樣式更加規范且易于修改。
上一篇多個css共用一個偽類
下一篇多看閱讀 css 代碼