Web前端学习整理(五)

文本文字属性:

-文本文字属性,是指在css中用于控制文本内容样式和布局的属性.这些属性可以用于改变文本文字的字体,颜色,大小,对齐方式.

---

字体样式:

color:文字颜色.

font-size:文字大小.

        其使用单位包括:px|em|%|rem等.

font-weight:文字粗细.

        -100-900的整百数数值.        

        bold 定义粗体

        bolder定义更粗的字体

        lighter定义细的字体

        normal定义正常字体大小

font-family:字体名称.

font-style:字体倾斜程度.

        normal正常

        italic 斜体

        oblique倾斜,强制性倾斜

line-height:行高.

        可使用px|%|em等设置行间距大小.

---

文本样式:

text-aligh:文本水平对齐方式.

        -left 左对齐

        -center 居中对齐

        -right 右对齐

text-indent:首行缩进.

        常用px|em.

text-transform:大小写.

        none默认值

        uppercase全部转化成大写

        lowercase全部转化成小写

        capitalize首字母转换成大写

text-decoration:文本线.

        none没有文本线

        underline下划线

        line-through贯穿线

        overline上划线

letter-spacing:字间距.

        指的是单词之间的空隙.

word-spacing:词间距.

white-space:换行方式.

        normal默认值,正常换行

        nowrap文本不换行

word-break:长单词换行方式.

        normal:使用浏览器默认的换行方式

        break-all:允许在单词内换行

        keep-all:只能在半角空格或连字符处换行

text-overflow:溢出显示方式.

        当盒子规格超出隐藏后:

                -clip 默认剪裁文本

                -ellipsis 显示省略符号来代表被修剪的文本

vertical-align:垂直对齐.

        控制元素内部行内元素的垂直方向的对齐方式.

        -baseline 默认,与父元素基线对齐

        -top 元素顶端与一行的最高元素顶边对齐

        -middle 元素中垂线与父元素的基线1/2高度对齐

        -bottom 元素底端与最高元素的底端对齐

        -text-top 元素顶端和父元素字体顶端对齐

        -text-bottom 元素底端与父元素底端元素对齐

---

属性继承:

大部分的文本文字属性都会继承,会被子元素继承自其父元素.这意味着父元素上设置的一些属性会被自动应用到子元素上面,除非子元素明确指定了不同的值.