1涮因、 文本陰影
text-shadow
向標(biāo)題添加陰影:
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
2废睦、 word-wrap
自動(dòng)換行
實(shí)例
允許對(duì)長(zhǎng)單詞進(jìn)行拆分,并換行到下一行:
p {word-wrap:break-word;}
值 描述
normal 只在允許的斷字點(diǎn)換行(瀏覽器保持默認(rèn)處理)养泡。
break-word 在長(zhǎng)單詞或 URL 地址內(nèi)部進(jìn)行換行嗜湃。
3、 text-overflow
規(guī)定當(dāng)文本溢出包含元素時(shí)發(fā)生的事情澜掩。
語(yǔ)法
text-overflow: clip|ellipsis|string;
值 | 描述 |
---|---|
clip | 修剪文本购披。 |
ellipsis | 顯示省略符號(hào)來(lái)代表被修剪的文本。 |
string | 使用給定的字符串來(lái)代表被修剪的文本肩榕。 |
CSS3字體
在 CSS3 之前刚陡,web 設(shè)計(jì)師必須使用已在用戶計(jì)算機(jī)上安裝好的字體。
通過(guò) CSS3株汉,web 設(shè)計(jì)師可以使用他們喜歡的任意字體筐乳。當(dāng)找到或購(gòu)買到希望使用的字體時(shí),可將該字體文件存放到 web 服務(wù)器上乔妈,它會(huì)在需要時(shí)被自動(dòng)下載到用戶的計(jì)算機(jī)上蝙云。
Firefox、Chrome路召、Safari 以及 Opera 支持 .ttf
(True Type Fonts) 和 .otf
(OpenType Fonts) 類型的字體勃刨。
Internet Explorer 9+ 支持新的 @font-face 規(guī)則波材,但是僅支持 .eot
類型的字體 (Embedded OpenType)。
示例:
使用您需要的字體
在新的 @font-face 規(guī)則中朵你,您必須首先定義字體的名稱(比如 myFirstFont)各聘,然后指向該字體文件。
如需為 HTML 元素使用字體抡医,請(qǐng)通過(guò) font-family 屬性來(lái)引用字體的名稱 (myFirstFont):
<style>
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
url('Sansation_Light.eot'); /* IE9+ */
}
div
{
font-family:myFirstFont;
}
</style>
使用粗體字體
您必須為粗體文本添加另一個(gè)包含描述符的 @font-face:
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Bold.ttf'),
url('Sansation_Bold.eot'); /* IE9+ */
font-weight:bold;
}