內(nèi)嵌式 CSS 是一種把樣式直接寫在 HTML 標(biāo)簽里的技術(shù)。通過內(nèi)嵌式 CSS,我們可以給頁面中的某些元素添加樣式。內(nèi)嵌式 CSS 的代碼通常寫在 HTML 頁面的頭部。
<html> <head> <title>內(nèi)嵌式 CSS</title> <style type="text/css"> p { font-size: 16px; color: #333; } </style> </head> <body> <p>這是一個(gè)使用內(nèi)嵌式 CSS 的段落。</p> </body> </html>
在上面的代碼中,我們使用了 style 標(biāo)簽來定義內(nèi)嵌式 CSS。style 標(biāo)簽通常定義在 head 標(biāo)簽內(nèi)部。在 style 標(biāo)簽中,我們定義了一個(gè)規(guī)則集來定義 p 標(biāo)簽的樣式。通過這個(gè)規(guī)則集,我們?yōu)?p 標(biāo)簽設(shè)置了字號(hào)和顏色樣式。
在 HTML 頁面的其他位置,我們只需要使用 p 標(biāo)簽,就能自動(dòng)應(yīng)用我們所定義的字號(hào)和顏色樣式。這樣,我們就可以實(shí)現(xiàn)樣式和結(jié)構(gòu)的分離,從而更好地維護(hù)和擴(kuò)展頁面。同時(shí),內(nèi)嵌式 CSS 的優(yōu)先級(jí)比外部樣式表高,如果樣式發(fā)生沖突,內(nèi)嵌式 CSS 的樣式會(huì)覆蓋外部樣式表的樣式。