在HTML中使用CSS來實(shí)現(xiàn)頁面樣式的設(shè)計(jì),可以更好地展示網(wǎng)站的美觀和專業(yè)。那么如何在HTML中引入CSS呢?
<!-- 在head標(biāo)簽中加入link標(biāo)簽 --> <link rel="stylesheet" type="text/css" href="style.css" />
其中,href屬性指定了CSS文件所在的路徑(如果在當(dāng)前目錄中則直接使用文件名即可)。然后,在CSS文件中定義好樣式規(guī)則,比如修改字體、顏色、邊框等等。
body { font-family: Arial, sans-serif; color: #333; background-color: #f5f5f5; } h1 { font-size: 2em; color: #f00; border-bottom: 1px solid #ccc; }
樣式規(guī)則可以針對元素、類、ID等進(jìn)行設(shè)置,通過選擇器來進(jìn)行定位。
/* 針對元素進(jìn)行規(guī)則設(shè)置 */ p { font-size: 1em; } /* 針對類進(jìn)行規(guī)則設(shè)置 */ .highlight { background-color: yellow; } /* 針對ID進(jìn)行規(guī)則設(shè)置 */ #header { background-image: url('header-bg.jpg'); }
除了使用link標(biāo)簽來引入CSS,還可以使用