1 文本效果
1-1 文本陰影
h1 { text-shadow: 5px 5px 5px #37b37a }
運(yùn)行效果：
text-shadow: h-shadow v-shadow blur color;
? ? h-shadow 必需。水平陰影的位置。允許負(fù)值。
? ? v-shadow 必需。垂直陰影的位置。允許負(fù)值。
? ? blur 可選。模糊的距離。
? ? color 可選。陰影的顏色
1-2 自動(dòng)換行
p {
? width: 100px;
? border: 1px solid;
? word-wrap: break-word
}
運(yùn)行效果：
左圖為未設(shè)置word-wrap 屬性，右圖為設(shè)置word-wrap 屬性
word-wrap 屬性允許您允許文本強(qiáng)制文本進(jìn)行換行 - 即對(duì)單詞進(jìn)行拆分
1-3 溢出
p {
width: 200px;
border: 1px solid;
white-space:nowrap;/*空白 不換行*/
text-overflow: ellipsis;/*溢出 顯示省略號(hào)*/
overflow: hidden/*溢出隱藏*/
}
運(yùn)行效果：
2 字體
2-1 @font-face規(guī)則
當(dāng)找到或購(gòu)買到希望使用的字體時(shí)，可將該字體文件存放到 web 服務(wù)器上，它會(huì)在需要時(shí)被自動(dòng)下載到用戶的計(jì)算機(jī)上?！白约旱摹钡淖煮w是在 CSS3 @font-face 規(guī)則中定義的
2-2 使用您需要的字體
在新的 @font-face 規(guī)則中，您必須首先定義字體的名稱（比如 myFirstFont），然后指向該字體文件
@font-face {
? font-family: myFirstFont;
? src: url('Sansation_Bold.ttf')
}
p { font-family: myFirstFont }
運(yùn)行效果：
2-3 字體描述符
能夠在 @font-face 規(guī)則中定義的所有字體描述符：
font-family：
值： ?name
必需。規(guī)定字體的名稱。
src?：
值：URL
必需。定義字體文件的URl
font-stretch：
值：normal ?condensed ?ultra-condensed ?extra-condensed ?semi-condensed ? ? ? ? ?expanded ?semi-expanded ?extra-expanded ?ultra-expanded
可選。定義如何拉伸字體。默認(rèn)是 "normal"。
font-style：
值：ormal ?italic ?oblique
可選。定義字體的樣式。默認(rèn)是 "normal"。
font-weight：
值：normal ?bold ?100 ?200 ?300 ?400 ?500 ?600 ?700 ?800 ?900 ?
可選。定義字體的粗細(xì)。默認(rèn)是 "normal"。
unicode-range：
值： unicode-range
可選。定義字體支持的 UNICODE 字符范圍。默認(rèn)是 "U+0-10FFFF"。
