CSS,即層疊樣式表(Cascading Style Sheets),是用于設(shè)置并控制HTML文檔外觀的一種標(biāo)記語(yǔ)言。CSS的出現(xiàn),讓網(wǎng)頁(yè)的樣式控制與文本內(nèi)容分離,使得HTML文檔結(jié)構(gòu)更加清晰,也讓網(wǎng)頁(yè)制作更加靈活。
CSS代碼的編寫通常使用pre標(biāo)簽,這是一種HTML內(nèi)置標(biāo)簽,用于表示預(yù)格式化文本,即代碼與HTML標(biāo)簽等不需要被解釋處理的文本。以下是一段CSS代碼的演示:
body { font-family: Arial, sans-serif; font-size: 16px; color: #333; background-color: #fff; } h1 { font-size: 32px; font-weight: bold; margin-bottom: 20px; } p { line-height: 1.5; margin-bottom: 10px; }
上述代碼是一個(gè)簡(jiǎn)單的CSS樣式表,可以看到,每個(gè)選擇器都包含了該標(biāo)簽下應(yīng)用的樣式。例如,body選擇器用來設(shè)置整個(gè)HTML文檔中頁(yè)面body的樣式,而h1選擇器則用來控制頁(yè)面標(biāo)題h1的樣式。
在HTML文檔中引入CSS樣式表可以通過兩種方式:內(nèi)部樣式表和外部樣式表。內(nèi)部樣式表直接寫在HTML文檔中,在
標(biāo)簽內(nèi)用