您好,登錄后才能下訂單哦!
小編給大家分享一下CSS頁面布局中文本樣式的知識點有哪些,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
1、字體類型
絕大多數(shù)用戶系統(tǒng)默認(rèn)支持的中文字體有宋體、黑體、幼圓、楷體;默認(rèn)支持的英文字體有Arial、Arial Black、Arial Narrow、 Century Gothic 、Comic SansMS、Times New Roman等等。在使用中,宋體和Arial使用頻率最高。
CSS提供font-family屬性設(shè)置字體類型。
實例:p{font-family: 宋體;}
注意:若同時設(shè)置多個字體屬性,則優(yōu)先級是先后順序。
2、字體大小
CSS提供font-size屬性設(shè)置字體大小。
實例:p{font-size: 12px;}
相對大小
px, em, 10%, larger, smaller(后兩個是相對于父元素)
絕對大小
pt, pc, in cm, mm
關(guān)鍵字
xx-small, x-small, small, large, x-large,xx-large
3、字體加粗
CSS提供font-weight屬性設(shè)置字體加粗。
實例:p{font-weight: bold;}
數(shù)字: 100、200、…、900
關(guān)鍵字:bold, bolder, lighter, normal
4、文字顏色
CSS提供color屬性設(shè)置文字顏色。
實例:p{color: red;}
顏色名稱:red, green,……
RGB值: (255,255,255),…….
十六進(jìn)制值:#ff0000,……
5、斜體
CSS提供font-style屬性設(shè)置字斜體。屬性值有normal, italic, oblique三種。
實例:p{font-style: italic;}
6、下劃線、頂劃線、刪除線
CSS提供font-decoration屬性設(shè)置下劃線、頂劃線、刪除線。屬性值有underline(下劃線)、blink(閃爍文字)、overline(頂劃線)、line-through(刪除線)四種。
實例:p{font-decoration: underline;}
7、英文字母大小寫
CSS提供font-transform屬性設(shè)置英文字母大小寫。屬性值有none(無)、capitalize(首字母大寫)、uppercase(全部大寫)、lowercase(全部小寫)四種。
實例:p{font-transform: none;}
8、文本的段落樣式
水平對齊
CSS提供text-align屬性設(shè)置水平對齊。屬性值有l(wèi)eft(左對齊)、right(右對齊)、center(居中)、justify(兩端對齊)四種。
實例:p{text-align: left;}
垂直對齊
CSS提供writing-mode和layout-flow屬性設(shè)置垂直對齊。
語法:writing-mode:lr-tb; (左右-上下)
writing-mode:tb-rl; (上下-右左)
layout-flow:horizontal; (水平排列)
layout-flow:vertical-ideographic; (垂直排列)
首行縮進(jìn)
CSS提供text-indent屬性設(shè)置首行縮進(jìn)。屬性值可以是像素值或者百分比。
實例:p{text-indent: 12px;}
行間距
CSS提供line-height屬性設(shè)置行間距。屬性值可以是長度值。
實例:p{line-height: 12px;}
字間距
CSS提供letter-spacing屬性設(shè)置字間距。屬性值可以是長度值。
實例:p{letter-spacing: 12px;} (字母間距)
p{word-spacing: 12px;} (單詞間距)
看完了這篇文章,相信你對“CSS頁面布局中文本樣式的知識點有哪些”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。