HTML 是一種標(biāo)記語言,用于創(chuàng)建 Web 頁面。CSS(層疊樣式表)則用于定義頁面的樣式、布局和外觀。在 HTML 代碼中使用 CSS 的方法非常簡單。本篇文章將介紹帶 CSS 的 HTML 如何編寫,以下是示例代碼:
<!DOCTYPE html> <html> <head> <title>樣式化的文本</title> <style> body { background-color: #f2f2f2; } h1 { color: #333; font-size: 36px; text-align: center; text-shadow: 1px 1px #ddd; } p { font-size: 18px; line-height: 1.5; margin: 20px; text-align: justify; } </style> </head> <body> <h1>我的網(wǎng)站</h1> <p>這是一個(gè)樣式化的文本,使用了 <strong>CSS</strong> 來設(shè)置字體大小、行高、間距和對齊方式。</p> </body> </html>在這個(gè)例子中,我們設(shè)置了網(wǎng)頁背景色為淺灰色,標(biāo)題為黑色、字體大小為 36 像素、居中對齊和一個(gè)淡灰色的陰影。段落則使用黑色字體、字體大小為 18 像素、以兩倍行距顯示、20 像素的外邊距和左右對齊。
瀏覽器將按照 CSS 定義渲染頁面,從而使 HTML 內(nèi)容更加美觀、吸引人。
如果您希望修改頁面樣式,只需要編輯 CSS 代碼就可以了。請記住,通常將 CSS 放在 HTML 文檔的頭部,因?yàn)檫@可以使頁面更快地加載并形成更好的用戶體驗(yàn)。上一篇帶css的框架
下一篇jquery 中文解碼