【web】css常用样式

常用样式

1. width（宽度） height（高度）记得加单位；
2. color：（字体颜色）
3. font-size（字体大小）：默认16px，最小支持8px；
4. font-weight（字体粗细）：默认400，取值范围100-900；
5. font-family（字体样式）；
6. opacity（透明度）：取值范围0~1；
7. rgb（red 0-255，green 0-255，blue 0-255）都是255白色，都是0黑色；
8. rgba（红0-255，绿0-255，蓝0-255，透明度0-1）；

• opacity和rgba（）设置透明色区别：opacity是背景颜色和文本内容都透明，rgba（）是背景颜色透明。

9. background-color（背景颜色）：颜色单词，十六进制，
10. background-image：url（）：背景图片url中放置图片路径（绝对路径、相对路径、网络路径）；
11. background-repeat：背景图片是否重复，默认重复（no-repeat：不重复）；
12. background-position：调整背景图片的位置，第一个值代表水平方向，第二个值代表垂直或竖直方向（center：居中）;
13. backgrouond-size：调整背景图片的大小，第一个值代表背景图片的宽度，第二个值代表背景图片的高度（cover：覆盖）。
14. list-style：none；（去除无序列表和有序列表的默认样式）；
15. text-indent：（首行缩进）
16. text-decoration：none；去除字体样式；（ underline下划线 、 overline：上划线 line-through：贯穿线）；
17. letter-spacing：字体间距；word-spacing：单词间距；
18. text-transform：大小写转换 （ capitalized：首字母大写 uppercase：全部大写 lowercase：全部小写）。

居中问题

快属性居中问题

1. 水平居中：自己设置 margin：0 auto；
2. 垂直居中：没有快捷方式（父元素的高度减去子元素的高度除以二）。

非快属性居中问题

1. 水平居中：给父元素设置text-algin：center；
2. 单行文本垂直居中：给父元素设置line-height：（父元素的高度）

三种属性标签互相转换

1. display：inline-block；将标签转换为行块属性；
2. display：inline；将标签转换为行属性；
3. display：block； 将标签转换为块属性。