个人网站样式表
以下是这个个人网站的样式表:
Base
- Body:设置整个页面的字体、颜色和边距。
属性 | 值 |
---|---|
color |
十六进制颜色代码 #333(黑色) |
font |
Verdana, “Helvetica Neue”, helvetica, Arial, ‘Microsoft YaHei’, sans-serif |
margin |
0(无外边距) |
padding |
上下20px,左右20px |
word-break |
break-word(换行时自动断开长单词) |
H1
- H1:设置主标题的字体、大小、加粗、行高等样式。
属性 | 值 |
---|---|
margin |
上10px,下0,左0 |
font-size |
28px(字号) |
font-weight |
500(加粗) |
line-height |
32px(行高) |
H2
- H2:设置副标题的字体、大小、加粗、下边框样式等。
属性 | 值 |
---|---|
color |
十六进制颜色代码 #4288ce(蓝色) |
font-weight |
400(正常字体) |
padding |
上下6px,左右0(内边距) |
margin |
上下6px,左6px(外边距) |
border-bottom |
1px solid #eee(底部边框) |
font-size |
18px(字号) |
H3.subheading
- H3.subheading:设置三级标题的字体、加粗、外边距等。
属性 | 值 |
---|---|
color |
十六进制颜色代码 #4288ce(蓝色) |
margin |
上下6px,左6px(外边距) |
font-weight |
400(正常字体) |
H3
- H3:设置三级副标题的字体大小、加粗和外边距。
属性 | 值 |
---|