Web個(gè)人簡(jiǎn)歷CSS

body {
background-color: #f5f5f5;
font-family: 'Roboto', sans-serif;
font-size: 16px;
margin: 0;
padding: 0;
}
.container {
max-width: 960px;
margin: 0 auto;
padding: 40px;
}
h1 {
font-size: 36px;
font-weight: bold;
margin-bottom: 20px;
}
h2 {
font-size: 24px;
font-weight: bold;
margin-bottom: 5px;
}
h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
p {
margin-top: 0;
margin-bottom: 15px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
margin-bottom: 10px;
}
.skills li {
display: inline-block;
background-color: #ddd;
padding: 8px 15px;
margin-right: 10px;
margin-bottom: 10px;
border-radius: 20px;
font-size: 14px;
}
.skills li:last-child {
margin-right: 0;
}
@media screen and (min-width: 768px) {
.container {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 80px;
}
.left-container {
width: 30%;
}
.right-container {
width: 70%;
}
ul {
column-count: 2;
}
}

在開發(fā)個(gè)人簡(jiǎn)歷時(shí)，使用CSS樣式非常重要。通過優(yōu)雅的風(fēng)格和精確的布局，可以讓你的簡(jiǎn)歷更有吸引力。上述CSS代碼包含了一些基本的樣式，如背景色、字體、大小等；同時(shí)還包含了布局、標(biāo)題、段落、列表等等樣式。特別是有一個(gè)響應(yīng)式布局，根據(jù)設(shè)備的大小來(lái)調(diào)整布局和列數(shù)，確保在任何設(shè)備上都有很好的可讀性。