CSS_规则
字体样式
font-family:字体组(显示的什么字体)
font-size: 字体的大小
font-weight:字体的粗细
font-style:字体样式
line-height:行高并且具有居中效果
font速写方式记忆方式：当你第一眼看到字的时候，应该是先看到字是否斜还是正的，然后接着看字体的粗细，字体的大小、行间距，最后最后观察这个是什么字体
文字样式
color:字体的颜色
text-align: 字体的摆放位置
text-decoration: 装饰字体
| 含义 | 代码 |
|---|---|
| 字体的装饰线 | text-decoration-line |
| 字体装饰线的样式 | text-decoration-style |
| 字体的颜色(通常是改变a标签内的字体颜色) | text-deccoration-color |
text-indent: 字体缩进
text-shadow: 字体阴影
写法:离左边多远 离上方多远 模糊程度 什么颜色的阴影
列表样式
list-style
| 含义 | 代码 |
|---|---|
| 小点点的样式 | list-style-type |
| 小点点的图片 | list-style-image |
| 小点点是在padding外面还是在padding里面 | list-style-position |
盒子样式
width:宽度
height:高度
margin:外边距
border:边框样式
| 含义 | 代码 |
|---|---|
| 边框颜色 | border-color |
| 边框样式 | border-style |
| 边框宽度 | border-width |
box-shadow:边框阴影
写法:离左边多远 离上方多远 模糊程度 什么颜色的阴影
box-radius: 边框曲度
background: 背景样式
| 含义 | 代码 |
|---|---|
| 背景铺设的起点 | background-origin |
| 背景图片 | background-image |
| 背景图片是否重复 | background-repeat |
| 背景颜色 | background-color |
| 背景位置 | background-position |
| 背景裁切位置 | background-clip |
padding:内边距
发布于