css文字属性
font-family：字体类型
- 我们在定义的时候要注意，要是用户电脑上没有这个字体的时候怎么办
.box{
font-family:Tahoma,'Microsoft Yahei',SimSun;
} /*字体类型，字体中有多个字体的时候，如果前面的字体没有就使用后面的字体*/
font-size：字体大小
单位：px | % | em | rem
px ：谷歌浏览器默认字体大小16px，最小是12px
%：相对于父容器中字体%调整，这个要知道
em：等于父级的字体尺寸——相对于父级字体大小而言
rem：相对于html（跟标签）的字体大小
font-weight：字体粗细
- 关键字
normal： 默认字体
lighter： 较细
blod： 较粗，这个要知道
bolder： 很粗 - 给值
100-900：只能给整百数，值越大字体越粗
400：相当于正常的
700：相当于blod
font-style：字体类型（规定是否倾斜）
normal： 文字正常
italic： 文字斜体(属性)
oblique： 文字倾斜
color：文字颜色
- 关键词
green、black等英文单词 - #16进制值
#666666、#ddd - rgb(0-255,0-255,0-255)
r：red
g：green
b：blue - rgba(0-255,0-255,0-255,0-1)
r：red
g：green
b：blue
a：alpha透明度
0 完全透明
1 完全不透明
css文本属性
text-decoration：下划线、删除线、上划线
none：默认值,可以用这个属性值去掉已经有下划线或删除线或上划线的样式，比如a标签的链接下划线
underline：下划线，一般用于文章的重点表明
overline：上划线
line-through：删除线
text-decoration-color: red ;改变下划线文本中下划线的颜色
text-transform：文本大小写
none：默认值 无转换发生
uppercase：转换成大写
lowercase：转换成小写
capitalize：将英文单词的首字母大写
text-align：文本水平对齐方式
left：默认值，向左对齐
right：向右对齐
center：居中对齐
注意：此属性也适用于inline 和inline-block元素
white-space：换行方式
- normal 正常换行
- nowrap 不换行，文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
<!-- 要有效果，要与white-space: nowrap;和overflow: hidden;一起使用 -->
white-space：nowrap；<!--nowrap文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。-->
overflow: hidden; <!--超出隐藏-->
text-overflow: ellipsis; <!--省略号-->
以上只支持单行文本的溢出显示省略号，如果多行文本溢出显示省略号则需要用：
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
- -webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。常见结合属性：
- display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
- -webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
text-indent：首行缩进（em）
line-height ：行高，可以一般用于将文字垂直居中，line-height可以继承的。
letter-spacing：字距
word-spacing：词距
背景
background-color背景色
background-image：url（1.jpg)背景图片
background-repeat：背景平铺
repeat：平铺，默认
no-repeat：不平铺
repeat-x：X轴平铺
repeat-y：y轴平铺
注意：只有背景图片的宽高小于被设置的背景的元素的宽高，才会有平铺效果
background-position：背景位置 X轴 Y轴
- 关键词：(九宫格)
X轴left(默认) ,center,right
Y轴top(默认),center,bottom - 值：% px
如果给一个值：第二个值默认center（50%）;
值：X轴的值 Y轴的值如果给的是方位值：可以颠倒
background-size：背景大小
- 值：% px，给一个值的时候，默认X轴，Y轴默认auto，auto 会等比例缩放；
- 特殊值
cover等比例缩放直到铺满X轴和Y轴/保持宽高比不变，保证占满盒子，但是不一定能看到全部图
contain 等比例缩放X轴或Y轴其中一个方向/保持宽高比不变，保证看清全图，但是不一定占满盒子；
background：复合样式
background：color image repeat position/size;
注意：背景图片是元素本身的属性，只有元素获得了宽高，元素本身的属性才能展示出来。
vertical-align：垂直对齐方式
- 定义行内元素的基线相对于该元素所在行的基线的垂直对齐。inline或是inline-block
top：元素的顶端与行中最高元素的顶端对齐 对齐到line-height的顶部
middle：此元素放置在父元素的中部 对齐到line-height 中部
bottom：元素的顶端与行中最低的元素的顶端对齐 对齐到line-height 底部
（与line-height相关）
text-top：元素的顶端与父元素字体的顶端对齐
text-bottom：元素的底端与父元素字体的底端对齐。
baseline：默认。元素放置在父元素的基线上。
注意：加vertical-align的同排元素都要vertical-align；
网友评论