字體設置
1. 設置文字大小
font-size: 50px;
瀏覽器默認的字體大小是16px
通常瀏覽器可識別的文字大小最小是12px(火狐例外)
注意!!
- 設置文字大小的時候
盡可能 設置 整數 不要設置小數
而且 字體大小一般為 偶數
2. 設置行高
line-height: 70px;
一般情況下 控制文字垂直居中時 使用行高屬性
3. 字體顏色
color: black;
4. 字體
font-family: Arial, Helvetica, sans-serif;
5. 加粗
font-weight: bold;
沒有單位!!!!
從100~1000 盡量寫整百
除了數字之外 還可使用 bold 直接加粗
6. 大小寫
text-transform: capitalize;
capitalize: 首字母大寫
uppercase: 全部大寫
lowercase: 全部小寫
7. 修飾線
text-decoration: underline;
underline 下劃線
overline 上劃線
line-through 刪除線
8.對齊方式
text-align: center;
center 居中對齊
left 向左對齊(默認)
right 向右對齊
9.基準線
vertical-align: baseline;
baseline -------- 基線對齊(默認)
sub----------------下標
super-------------上標
top-----------------頂端對齊(用的最多)
middle------------中間對齊
bottom------------下端對齊
- 無論水平還是垂直對齊 對行元素依舊起作用
10.縮進
text-indent: 10px;
縮進的是像素值
display
功能：
1.控制標簽顯示隱藏
none------------隱藏
block------------顯示
- 行元素和塊元素特性
- block 讓行元素 擁有塊元素的特性
- inline-block 讓塊元素擁有行元素的特性設置行間塊元素塊元素和行元素都能設置)
- 3.應用場景:
某些標簽 既要在一行之間排列
還要可以設置高和 margin
此時使用 display: inline-block
