CSS3 基礎(chǔ)(2)——文本效果和字體

CSS3 文本效果

text-shadow 文本陰影

box-shadow 盒子陰影

text-overflow?文本溢出屬性指定應(yīng)向用戶如何顯示溢出內(nèi)容

word-wrap屬性

代碼:word-wrap:break-word;

強制某個太長的單詞換行,不然整個單詞需要連在一起換行

代碼


效果圖

word-break屬性:CSS3 單詞拆分換行屬性指定換行規(guī)則。

代碼: word-break: keep-all; 保持完整的換行

????????????word-break: break-all; 自動拆分的換行

代碼
效果圖

CSS3?字體

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • CSS3 文本效果 CSS3中包含幾個新的文本特征。在本章中您將了解以下文本屬性: text-shadow 屬性...
    鹿守心畔光閱讀 732評論 0 4
  • 轉(zhuǎn)載請聲明 原文鏈接 關(guān)注公眾號獲取更多資訊 這篇文章主要總結(jié)H5的一些新增的功能以及一些基礎(chǔ)歸納,這里只是一個提...
    前端進階之旅閱讀 9,213評論 22 225
  • 選擇qi:是表達式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,429評論 0 11
  • 話題背景:如今網(wǎng)頁展示的姿勢是這樣的 圖片來自:設(shè)計之家 炫酷的網(wǎng)頁展示,支撐它的正是強大的CSS3,還有什么理由...
    aliensq閱讀 2,184評論 0 2
  • 選擇qi:是表達式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    wzhiq896閱讀 2,112評論 0 2

友情鏈接更多精彩內(nèi)容