個人簡歷是人們在求職招聘中最常用到的文檔，其中不可避免地涉及到HTML與CSS的使用。HTML是用來設計網頁的語言，而CSS則是用來控制網頁樣式的語言。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>個人簡歷</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>個人簡歷</h1> <img src="avatar.jpg" alt="頭像"> <p>姓名：張三</p> <p>學歷：本科</p> <p>工作經驗：兩年</p> <h2>工作經歷</h2> <p>2018年-至今：某公司前端工程師</p> <p>2016年-2018年：某公司實習前端工程師</p> <h2>項目經驗</h2> <ul> <li>項目A：負責前端頁面設計和開發</li> <li>項目B：負責前端頁面和后臺數據連接</li> </ul> </body> </html>
在HTML中，我們可以通過<p>標簽來分段展示個人信息，<h1>與<h2>標簽則用來展示標題信息。另外，為了優化頁面樣式，可以通過<img>標簽來展示個人頭像。
CSS樣式則通過給HTML標簽加入樣式來控制頁面展示效果，樣式與HTML相融合。
body {
font-family: '宋體';
font-size: 16px;
color: #333;
background-color: #f5f5f5;
}
h1, h2 {
text-align: center;
}
img {
display: block;
margin: 0 auto;
width: 100px;
height: 100px;
border-radius: 50px;
}在這個樣例中，我們通過設置通用的body樣式來控制頁面文字顏色、背景色和字體，通過給標題標簽<h1>和<h2>設置屬性來控制標題的顯示效果，而給<img>標簽設置樣式來控制頭像的大小和形狀（圓形）。通過這些屬性可以全面控制網頁的顯示效果，讓自己的個人簡歷更加優美。