字体
字体大小(font-size):
px:像素。
基准文本尺寸:不指定字体大小的时候,浏览器通常默认使用16px。
浏览器最小的字体尺寸为12px。
font-size:0。空格和换行都是字符。font-size越大,空格越大。
<body style="font-size:0"></body>
%:根据父元素继承下来的字体大小计算。
em:根据从父元素继承下来的字体大小计算。(1em=100%)
rem:根据根元素字体大小来计算。
字体粗细(font-weight):
normal:正常字体。
bold:加粗字体。
100~900。这个范围的粗细变化有没有区别主要是看什么字体类型。没有固定的粗细。
字体风格:(font-style)
normal:正常。
italic:斜体。
字体简写:风格 粗细 大小 系列
字体颜色:(color)
color:rgb/rgba.
字体下划线(text-decoration):
none:标准文本
underline:下划线
overline:上划线
line-through:删除线
(以上不可继承)
字符间距(letter-spacing):
normal:相当于letter-spacing:0
px
文本
文本缩进(text-indent)
只能使用在块状元素与行内块状元素。
px
em,相对于当前字体大小来计算
文本换行(white-space)
normal:默认值。cjk文本遇到容器边界自动换行。非cjk文本由word-break决定。
nowrap:超出边界不换行。
cjk:china,japan,korea
文本断句(word-break)
用来标明怎么对单词进行断句。
normal:不断句
break-all:任何位置都可以折行。
超出文本内容(overflow)
auto:浏览器自己决定
hidden:超出隐藏
scroll:超出滚动
visible:超出可见
水平对齐(text-align)
right
left
center
注意:1.块状元素(div默认的宽度为100%,父级宽度多少它宽度就多少)与行内块元素(要设 置之后有效,因为行内块的宽度是由文字撑开的。)都能使用。
2.对其中的行内元素与行内块元素生效(对自身没有影响)。