css样式--文字设置

color:文字颜色,英文单词,十六进制,rgb

font-size:文字字号 px、百分比(相对于父级)、em(相对于父级倍数) rem(根倍数)

font-size 大于12px按照设置的倍数,小于12px按照12px

text-indent首行缩进设置:

text-indent:24px;两个字体大小的空格

text-indent:2em; 两个字体倍数大小的空格

font-weight字重 bold加粗  bolder更粗(淘汰) normal正常 lighter更细  400正常 小于400变细 大于400变粗

font-style斜体设置 italic斜体 normal正常

font-family字体设置,可以同时设置多个字体,多个字体之间用逗号隔开,每个字体用双引号包裹  “黑体”,"微软雅黑"

如果浏览器不支持第一个字体,则自动跳到第二个字体,直到最后一个字体

line-height行高  常用于文字上下居中

text-alian文字水平对齐:

text-alian:left;左对齐

text-alian:right;右对齐

text-alian:justify;两端对齐

text-alian:center;居中

letter-spacing:10px;  可正可负,设置字符与字符之间、文字与文字之间的间隙

word-spacing:10px;  词间距,单词与单词之间的间隙,不支持对中文设置

word-wrap:break-word;强制字符换行

white-space:nowrap; 强制不换行

text-decration:文字修饰 underline下划线 none没有修饰 overline上划线

vertical-alian:竖直对齐方式

overflow:内容超出处理 auto hidden scroll scroll-x scroll-y

overflow:auto;超出父级的部分不会被裁剪,会以滚动条的形式出现

overflow:hidden;对超出的内容进行裁剪

overflow-x:scroll;设置x轴方向出现滚动条

overflow-y:scroll;设置y轴方向出现滚动条

overflow:scroll;两个方向都设置滚动条,如果不超出容器,无法滚动

overflow的auto和hidden还可以清除浮动,推荐给父级设置auto

你可能感兴趣的:(css样式--文字设置)