第5章 css3文本
word-spacing與letter-spacing的區別
word-spacing定義單詞與單詞之間的距離，對中文無效；
letter-spacing定義字母與字母之間的距離
text-overflow屬性的語法及參數
text-overflow屬性的參數
clip:不顯示省略標記（...），只是簡單的裁剪；
ellipsis:文本溢出時顯示省略標記（...），
需要兩屬性的配合
這個div設置文本不換行
text-overflow-clip{
width：100px;
padding:10px;
border:1px solid #ccc;
text-overflow:clip;/*文本剪裁*/
white-space:nowrap;/*強制不換行*/
overflow:hidden;/*溢出隱藏==*/
} 文字屬性書寫順序
- 定位：其中有的屬性為：position z-index left right top bottom clip
- 尺寸：其中屬性為：width height min-height max-height min-width max-width
- 文字：其中屬性有：color font-size letter-spacing, text-align等
- 背景：其中屬性有：background-image border等
- 其他：一般有：animation, transition等
CSS命名規範(常用的CSS命名規則)
頭：header
內容：content/container
尾：footer
導航：nav
側欄：sidebar
欄目：column
頁面外圍控制整體佈局寬度：wrapper
左右中：left right center
登錄條：loginbar
標誌：logo
廣告：banner
頁面主體：main
熱點：hot
新聞：news
下載：download
子導航：subnav
菜單：menu
子菜單：submenu
搜索：search
友情鏈接：friendlink
頁腳：footer
版權：copyright
滾動：scroll
內容：content
標簽：tags
文章列表：list
提示信息：msg
小技巧：tips
欄目標題：title
加入：joinus
指南：guide
服務：service
註冊：regsiter
狀態：status
投票：vote
合作夥伴：partner
ID的命名：
頁面結構
容器: container
頁頭：header
內容：content/container
頁面主體：main
頁尾：footer 導航：nav
側欄：sidebar
欄目：column
頁面外圍控制整體布局寬度：wrapper
左右中：left right center
CSS樣式表文件命名：
主要的 master.css
模塊 module.css
基本共用 base.css
版面 layout.css
主題 themes.css
專欄 columns.css
文字 font.css
表單 forms.css
補丁 mend.css
打印 print.css
word-wrap:break-word;與word-break:break-all;的區別
word-wrap:break-word;防止長單詞溢出，在內部斷句；
word-break:break-all;直接進行單詞內斷句；
不同點：word-wrap:break-word;會首先起一個新行來放置長單詞，新的行放不下，這個單詞會被強制斷句； word-break:break-all;不會把長單詞放在新行裏，這一行放不下就直接強制斷句了
第5章 css3文本