|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 CSS中的知識非常多,我們不可能全都記得住。閑暇時整理了一些CSS頁面布局的常用知識,這篇文章就和大家分享一下CSS文本樣式的常用知識。需要的朋友可以參考一下,希望可以幫助到你。1、字體類型 絕大多數用戶系統默認支持的中文字體有宋體、黑體、幼圓、楷體;默認支持的英文字體有Arial、Arial Black、Arial Narrow、 Century Gothic 、Comic SansMS、Times New Roman等等。在使用中,宋體和Arial使用頻率最高。 CSS提供font-family屬性設置字體類型。 實例:p{font-family: 宋體;} 注意:若同時設置多個字體屬性,則優先級是先后順序。 2、字體大小 CSS提供font-size屬性設置字體大小。 實例:p{font-size: 12px;} 相對大小 px, em, 10%, larger, smaller(后兩個是相對于父元素) 絕對大小 pt, pc, in cm, mm 關鍵字 xx-small, x-small, small, large, x-large,xx-large 3、字體加粗 CSS提供font-weight屬性設置字體加粗。 實例:p{font-weight: bold;} 數字: 100、200、…、900 關鍵字:bold, bolder, lighter, normal 4、文字顏色 CSS提供color屬性設置文字顏色。 實例:p{color: red;} 顏色名稱:red, green,…… RGB值: (255,255,255),……. 十六進制值:#ff0000,…… 5、斜體 CSS提供font-style屬性設置字斜體。屬性值有normal, italic, oblique三種。 實例:p{font-style: italic;} 6、下劃線、頂劃線、刪除線 CSS提供font-decoration屬性設置下劃線、頂劃線、刪除線。屬性值有underline(下劃線)、blink(閃爍文字)、overline(頂劃線)、line-through(刪除線)四種。 實例:p{font-decoration: underline;} 7、英文字母大小寫 CSS提供font-transform屬性設置英文字母大小寫。屬性值有none(無)、capitalize(首字母大寫)、uppercase(全部大寫)、lowercase(全部小寫)四種。 實例:p{font-transform: none;} 8、文本的段落樣式 水平對齊 CSS提供text-align屬性設置水平對齊。屬性值有left(左對齊)、right(右對齊)、center(居中)、justify(兩端對齊)四種。 實例:p{text-align: left;} 垂直對齊 CSS提供writing-mode和layout-flow屬性設置垂直對齊。 語法:writing-mode:lr-tb; (左右-上下) writing-mode:tb-rl; (上下-右左) layout-flow:horizontal; (水平排列) layout-flow:vertical-ideographic; (垂直排列) 首行縮進 CSS提供text-indent屬性設置首行縮進。屬性值可以是像素值或者百分比。 實例:p{text-indent: 12px;} 行間距 CSS提供line-height屬性設置行間距。屬性值可以是長度值。 實例:p{line-height: 12px;} 字間距 CSS提供letter-spacing屬性設置字間距。屬性值可以是長度值。 實例:p{letter-spacing: 12px;} (字母間距) p{word-spacing: 12px;} (單詞間距) 以上就是CSS頁面布局常用知識匯總(文本樣式)的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!