|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 我們經常在英文報紙上看到首個單詞大寫,那么單詞首字母大寫如何設置,可能很多人遇到這種問題都不知道怎么操作,下面我們來講解一下css如何設置英文首字母大寫?
實現英文首字母大寫可以使用div+css,div+css中的一個text-transform屬性可以設置字母大小寫,以及字母全文大寫和字母全文小寫。 一:text-transform結構語法: text-transform屬性有三個屬性,分別是Capitalize,Uppercase和Lowercase。 Capitalize表示無論字母是大寫還是小寫,全部都轉為首字母大寫,語法:div{text-transform:capitalize}; Uppercase表示無論字母是大寫還是小寫,全部都轉為字母全部大寫,語法:div{text-transform:uppercase} ; Lowercase表示無論字母是大寫還是小寫,全部被CSS轉為字母全部小寫,語法:div{text-transform:lowercase} 二:代碼案例如下: <!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1{text-transform:capitalize}
h2{text-transform:uppercase}
h3{text-transform:lowercase}
</style>
</head>
<body>
<h1>php.cn</h1>
<h2>php.cn</h2>
<h3>php.cn</h3>
</body>
</html>顯示效果如下:
無論字母大小還是小寫,我們都是可以使用text-transform樣式屬性去設置,以上就是對css如何設置英文首字母大寫的全部介紹,如果你想了解更多有關CSS3教程,請關注php中文網。 以上就是css如何設置英文首字母大寫的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!