CSS(Cascading Style Sheets)是一種用來描述網(wǎng)頁版面外觀樣式的語言,它分為內(nèi)聯(lián)、嵌入和外部三種引入方式。其中外部方式最為常用,下面我們來了解一下外部方式的使用方法。
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
代碼中,我們使用link標(biāo)簽將css樣式表連接到HTML文檔中。表格中的rel屬性告訴瀏覽器鏈接的文件的意義,type屬性確定連接文件類型,而href則確定鏈接的文件位置。這樣,HTML文件就可以通過鏈接方式引用css樣式表。
<style type="text/css"> /* css 樣式表 */ </style>
在嵌入式引入方式中,我們將css代碼放置在HTML文檔中的style標(biāo)簽中。需要注意的是,type屬性要明確告訴瀏覽器引入的是css文件。需要使用該方式進(jìn)行修改文本樣式的網(wǎng)頁可以予以使用。
<p class="description">這是一個(gè)段落。</p> <style type="text/css"> .description{ font-size: 16px; color: #333; } </style>
最后,內(nèi)聯(lián)樣式方法可以在HTML文檔中直接使用“style”屬性進(jìn)行樣式定制。該方法的樣式表只在被設(shè)置的 HTML 元素中使用,如果在多個(gè)元素上使用會造成代碼冗余。因此該方式一般僅在臨時(shí)修改某一元素的樣式時(shí)使用。
<p style="font-size: 16px; color: #333">這是一個(gè)段落。</p>
以上是三種css樣式表引入方式,各有優(yōu)缺點(diǎn),我們可以根據(jù)實(shí)際需要選擇使用。