---
# System prepended metadata

title: CSS裝飾
tags: [css]

---

###### tags:`css`

CSS裝飾
========
## font-weight 設置字體粗細
normal：也就是預設字體厚度，其實可以不用特別寫出來。
bold：常用的粗體字。
bolder：比粗體更粗一點。
lighter：比一般字體更細。
100~900：數字越大越厚，數字小於 500 似乎效果不明顯。

## text-decoratioin 
text-decoration-line:文本修饰的位置, 如下划线underline，删除线line-through
text-decoration-color:文本修饰的颜色
text-decoration-style:文本修饰的样式, 如波浪线wavy实线solid虚线dashed
text-decoration-thickness:文本修饰线的粗细**

## text-shadow 製造陰影
有點太多了...

## text-align 文字對齊
text-align:left; //向左對齊
text-align:right; //向右對齊
text-align:center; //置中
text-align:justify; //使左右對齊本文
text-align:inherit; //繼承父元素的 text-align 屬性

## line-height 行距
div.a {
  line-height: normal;
}

div.b {
  line-height: 1.6;
}

div.c {
  line-height: 80%;
}

div.d {
  line-height: 200%;
}

## font-size 調整文字大小
font-size:24px;