一、文本設置
1、font-family 字體類型
font-family : 字體1,字體2,字體3,…
可以同時為頁面設置多個字體,當瀏覽器找不到第一個字體時會尋找第二個字體,依次進行,直到找到可用的字體。
2、font-size 字號
font-size: px | em |rem| 百分數(shù)
rem
1em = 16px----響應式布局
3、font-style 字體風格
定義字體的風格,屬性設置使用斜體、傾斜或正常字體。
4、font-weight 字體粗細5、color文本顏色
顏色可以是一個名稱標示的關鍵字,如 color : red;
也可以是一個RGB數(shù)字,如color : #ffffff;
6、text-decoration 文本修飾
text-decoration: none | underline | overline | line-through
none: 無文本修飾(瀏覽器默認初始值)
underline : 表示有下劃線
line-through : 表示有貫穿線/刪除線
overline : 表示有上劃線
a標簽去掉下劃線
7、line - height 文本行距
line-height: normal | length px;
可以是像素值或百分比,允許為負值。設置數(shù)值越大,文本段落中間的行距越大
主要用于文本垂直居中
8、text - indent 文本縮進
text-indent: length;
常用單位是 px 或者是 em
9、text-align 文本水平對齊
10、word-spacing 字詞間隔
word-spacing: normal | length;
length : 接受一個正長度值或負長度值。如果提供一個正長度值,那么字詞之間的間隔就會增加,(你的確定讓游覽器識別你的字詞,一段完整沒有標點符號的句子,就認為是一個字詞。)0設置一個負值,會把它拉近。
英文字詞間隔
11、letter - spacing 字符間隔
letter-spacing: normal | length;
length : 接受一個正長度值或負長度值。如果提供一個正長度值,那么字符之間的間隔就會增加,(如果是漢字的話,就會增加每個漢字的間隔)。設置一個負值,會把它拉近。
遠近互聯(lián)前端小華整理發(fā)布,希望能對學習技術的你有所幫助
遠近互聯(lián)專業(yè)提供網(wǎng)站建設、APP開發(fā)、網(wǎng)站優(yōu)化、外貿(mào)網(wǎng)站SEO、微信運營的品牌整合營銷服務讓客戶通過網(wǎng)絡品牌建立與網(wǎng)絡傳播提高業(yè)績。






