文字排版

list-style-position: inside

位于中间位置

---

在溢出边界时自动添加滚动条:

overflow: auto

image.png

---

text-align : left/right/center ;
文字居左/中/右

---

font-family:sans-serif;
字体

---

p {word-wrap:break-word;}
文字溢出时自动换行

---

text-decoration:
文字修饰

h1 {text-decoration: overline}
h2 {text-decoration: line-through}
h3 {text-decoration: underline}
h4 {text-decoration:blink}

---

字体风格:

p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}

---

字体加粗

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

100 ~ 900 为字体指定了 9 级加粗度，900 对应最粗的字体变形。数字 400 等价于 normal，而 700 等价于 bold。

---

文字大小:
body {font-size:60%;} # %只在body里面使用。
h2 {font-size:40px;}
p {font-size:14px;}

---

ol.decimal {list-style-type: decimal}
ol.lroman {list-style-type: lower-roman}
ol.uroman {list-style-type: upper-roman}
ol.lalpha {list-style-type: lower-alpha}
ol.ualpha {list-style-type: upper-alpha}

分别对应 :

image.png

---