CSS属性参考文档：CSS 参考手册
一、常用元素属性
1、字体属性
（1）.设置字体类型
font-family：‘字体类型’；
可以看到，在boby中设置了字体，在p中也能够生效。
font相关的CSS属性是可以被“继承”的，子元素会自动的继承父元素的相关属性，因此p标签内的字体会生效~
如果在boby中设置字体，由于boby就是该页面的次顶层元素（仅次于html），页面中的其他元素也都会继承这个字体~
如果需要在某个元素中使用不同的字体，就可以针对这个元素来单独进行设置字体，上面的类选择器设置的字体就在第二个p标签内部生效了~所以说，此时设置的新的字体样式会覆盖继承自父元素的字体。
（2）.设置字体大小
单位：px
font-size：多少px；
具体细节和上述字体类型基本一致~
（3）.设置字体粗细
font-weight：大小；
这里仍然遵守上面的继承和覆盖的特性~
（4）.设置文字样式
font-style：样式；
2.文本属性
（1）.文本颜色
color属性来进行设置
RGB表示方式：
计算机里面表示颜色，是通过RGB这三原色来表示的。
R:红色 Red G：绿色 Green B：蓝色 Blue
给RGB各自分配一个字节，8bit，0-255
其中0就表示这个分量没有值，255就表示这个分量拉满~
结合RGB就可以组合出各自各样的颜色~
三个颜色拉满就是白色，三个颜色都是0就是黑色。
扩展知识：如何获取某处的RGB配比？
QQ截图，点击要获取的点，按C获取~
RGBA表示方法：
A表示alpha透明度。也是使用一个字节8个比特位来表示
在使用rgba写法的时候，a往往写作0-1之间的小数。
透明度为1表示不透明，0表示全透明。
color属性除了设置rgb/rgba，还有其他的写法：
1：直接写单词
2:还可以写成16进制的数字
（2）.文本对齐
左对齐，右对齐，居中对齐。
此处的对齐，指的是“水平方向”，不是垂直方向~
对齐的属性只能实现这三种效果，如果要想实现“在左侧三分之一位置对齐”这种就需要搭配其他的属性了~
（3）.文本装饰
下划线、上划线、删除线....
更常用的用法，是给已经带了线的元素给去掉~典型的就是a标签（a标签默认的样式就是带下划线的）
（4）.文本缩进
p段落一般希望第一行能够缩进两个字。
text-indent：px；
只控制首行，对于其他行不影响。
字体大小为15px，缩进两个字则为30px。
也可以使用em来缩进：
em也是一个单位，是以当前字体大小为基准的。
1em就表示尺寸和字体大小一样（字体为20px，1em就是20px）
2em就表示尺寸是字体大小的两倍。
0.8em就表示字体大小的0.8倍，字是20px，0.8em=16px。
（5）.行高
行高是指一行文字的高度=》包含了文字本身的高度+行间距
通过行高来干涉影响“行间距”。
扩展技巧：在控制台，选择一个CSS属性，然后按上下方向键，就能对某个属性进行+1或者-1~~~
line-height 控制文字垂直方向对齐~
设置行高==父元素的高度，就可以实现单行文字垂直居中对齐的效果。 多行文本更加复杂~
line-height == height 文字就可以垂直居中对齐
（6）.背景颜色
background-color属性的值和color的值写法格式完全相同：
①.支持rgb
②.支持rgba
③.支持十六进制
④.支持单词
此外，还有一个特殊的值，transparent，表示背景透明（透过这个元素，看到该元素的父级元素）
此时可以看到，“透明背景”的背景为其父元素的背景颜色~
背景图片：background-image：url（图片路径）；
指定一个图片作为背景图
设置背景图片平铺状态：
背景图片和背景颜色，是可以同时存在的，图片能覆盖住的地方就显示图片，空余的地方就显示背景颜色~
设置背景位置:
设置背景大小：
（7）.圆角矩形
基于这种“圆角矩形”可以把一个正方形变成圆形~
如何把正方形改为圆形？
1.border-radius设为50%来实现
2.border-radius设为高度一半的px值来实现
border-radius设为高度的一半，此时也可以实现一个类似于矩形和圆形混合的一种形状~
此外还有一种写法，为四个角从左上开始顺时针设置：
效果如下：
二、HTML显示模式
主要介绍两种：block、inline
display这个值设成bolck就是块级元素，设成inline就是行内元素
一般来说，独占一行的就是块级元素，不独占一行的就是行内元素（并非绝对的）
针对任意的元素，都可以通过display属性来修改的显示模式
1.block（块级元素）
h1-h6；p；div；ul；li....
img既不属于行内元素，也不属于块级元素，称为“行内块元素”。
2.inline（行内元素）
span；em；strong；a.....
总结：
块级元素VS行内元素
1.是否独占一行
2.块级元素高度，宽度，内外边距，行高...都是可以控制的；行内元素高度宽度行高都是无效的，左右外边距有效，上下无效，内边距都有效。
3.块级元素默认的宽度就是和父元素一样，行内元素默认宽度就是和本身内容相关。（如果没有内容，宽度就是0）
4.块级元素内部可以容纳其他块级元素和行内元素，行内元素内部只能包含行内元素。
通过display：
