樣式表是一個CSS(Cascading Style Sheets)樣式語言的文件,用于將樣式(例如文本樣式和版式樣式)應用于HTML或XML中的頁面元素。樣式表能夠以分離的方式管理文檔的樣式和內容。這也讓文檔有可能應用到不同的設備和媒體上。
body { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; background-color: #f0f0f0; } h1 { font-size: 28px; font-weight: bold; color: #333; text-align: center; } p { text-align: justify; margin: 0 0 16px; } a { color: #007bff; text-decoration: none; } a:hover { text-decoration: underline; }
在這個樣式表中,我們設置了頁面背景顏色、字體、字體大小和行高等基本樣式。我們還用h1元素設置了標題的樣式,用p元素設置了文本的對齊和 margin 的樣式。同樣,我們還設置了超鏈接(a元素)的默認顏色和hover狀態下的樣式(下劃線)。
在HTML文件中,我們只需將這個樣式表的鏈接放到head標簽里即可應用這些樣式到整個頁面上。