文本属性:css文本属性可以定义文本外观
通过文本属性可以可以改变文本的颜色、字符间距,文本对齐,装饰文本,对文本进行缩进等
text-align:对齐方式,left、right、center
text-decoration:文本修饰,underline(下划线)、line-throuth(删除线)、overline(上划线)、none
line-height:行高
text-indent:文字/图片缩进
opacity用来设置透明度 默认值为1 1为不透明 0为全透明
p{ opacity: 0;} 隐藏一个元素 ,完全不显示,但是会占空间,只是看不到。
font字体设置
属性名 | 作用 | 参数说明 |
font-family | 字体名称 | 例如:Arial,"微软雅黑","宋体" |
font-size | 字体大小 | 例如:18px,2em |
font-style | 字体风格 | normal,italic, oblique |
font-weight | 字体粗细 | normal,bold或bolder或数值。 |
text-align:文本对齐属性:规定文本中文字的水平对齐方式,只能设置块级元素内的文本水平对齐方式
属性值 | 描述说明 |
left | 把文本排列到左边。默认值:由浏览器决定。 |
right | 把文本排列到右边。 |
center | 把文本排列到中间。 |
text-decoration字体装饰
属性值 | 描述说明 |
none | 默认,定义标准的文本。 |
underline | 定义文本下的一条线。 |
overline | 定义文本上的一条线。 |
line-through | 定义穿过文本下的一条线。 |
letter-spacing 设置字与字之间的间距
line-height 设置行之间的距离 可以设为数字也可以设为百分比 line-height可以设置文字竖直方向上的居中、
overflow属性
描述 | 描述说明 |
visible | 默认值。内容不会被修剪,会呈现在元素框之外。 |
hidden | 内容会被修剪,并且其余内容是不可见的。 |
scroll | 内容被修剪,但是浏览器会显示滚动条以便查看其余的内容。 |
auto | 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 |
over-flow规定当文本溢出元素框时发生的事情
ellipsis用来描述当文本超出文本呢框时用省略号代替剩余文字