最近參加了一次關于HTML/CSS的上機試題，讓我深刻地意識到了自己的不足之處。
/* HTML代碼 */ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>上機試題</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="wrapper"> <h1>歡迎來到上機試題</h1> <p>這是一道關于HTML/CSS的試題。</p> <ul> <li>請用CSS將標題改為紅色</li> <li>請將p標簽文字大小改為16px</li> <li>請將ul標簽的列表項加粗</li> </ul> </div> </body> </html>
題目要求將標題改成紅色，p標簽的文字大小改為16px，以及將ul標簽的列表項加粗。我先聲明了HTML文檔的類型，并設置好了中文編碼和頁面標題。然后鏈接了外部樣式表，以便在其中添加CSS樣式。
/* CSS代碼 */
h1 {
color: red;
}
p {
font-size: 16px;
}
ul {
list-style: none;
}
ul li {
font-weight: bold;
}在CSS樣式表中，我首先選擇了標題h1標簽，并將其顏色設為紅色。然后我選擇了p標簽，并將它的字體大小設置為16。最后我將樣式應用到了ul的列表項上，并將它們加粗了。答案得出，試題完成!
上一篇css里邊時用圖標
下一篇html css基礎題