HTML 和 CSS 是我們日常網頁設計中最重要的兩個工具,前者主要用來定義網頁內容,后者則用來定義網頁的樣式。 CSS 可以讓網頁更加美觀,通過編寫樣式表來定義不同元素的樣式,從而成為了網頁設計的必要組成部分。下面我們來看看 HTML 怎樣設置 CSS。
<!DOCTYPE html> <html> <head> <title>設置 CSS</title> <style> /* 此處為樣式表 */ h1 { color: red; text-align: center; } p { color: blue; font-size: 24px; } </style> </head> <body> <h1>這是一個標題</h1> <p>這是一段文本</p> </body> </html>
如上代碼所示,可以通過在網頁的 head 標簽中使用 style 標簽來定義樣式表。在樣式表中,首先需要指定需要設置的元素,比如上面例子中利用 h1 和 p 來設置標題和文本的樣式,分別改變了顏色、排列方式以及字體大小等等。
HTML 和 CSS 同時也提供了許多其他的設置方式,比如使用外部 CSS 文件或者在不同網頁元素之間使用類、id 等屬性進行精確定位,使得網頁設計更加簡潔靈活。
上一篇html怎樣插入css
下一篇mysql5.1集成環境