從基礎開始:CSS實用教程(二)
2006/10/12 9:22:10

七.控制文字的樣式 
控制文字的樣式包括文字大小寫、文字修飾兩個部分。 
1.文字大小寫 
文字大小寫使網頁的設計者不用在輸入文字時就完成文字的大小寫,而可以在輸入完畢后,再根據需要對局部的文字設置大小寫。 
基本格式如下: 
text-transform: 參數 
參數取值范圍: 
·uppercase:所有文字大寫顯示 
·lowercase:所有文字小寫顯示 
·capitalize:每個單詞的頭字母大寫顯示 
·none:不繼承母體的文字變形參數 
注意:繼承是指HTML的標識符對于包含自己的標識符的參數會繼承下來。 
2.文字修飾 
文字修飾的主要用途是改變瀏覽器顯示文字鏈接時的下劃線。 
基本格式如下: 
text-decoration: 參數 
參數取值范圍: 
·underline:為文字加下劃線 
·overline:為文字加上劃線 
·line-through:為文字加刪除線 
·blink:使文字閃爍 
·none:不顯示上述任何效果 
八.控制文本的樣式 
控制文本的樣式包括單詞距離、字母距離、文本行距、文本水平對齊、文本垂直對齊文本縮進六個部分。 
1.單詞間距 
單詞間距指的是英文每個單詞之間的距離,不包括中文文字。 
基本格式如下: 
word-spacing: 間隔距離 
間隔距離的取值:points、em、pixes、in、cm、mm、pc、ex、normal等。 
2.字母間距 
字母間距是指英文字母之間的距離,功能、用法,以及參數的設置和單詞間距很相似。 
基本格式如下: 
letter-spacing: 字母間距 
3.行距
行距是指上下兩行基準線之間的垂直距離。一般地說,英文五線格練習本,從上往下數的第三條橫線就是計算機所認為的該行的基準線。
基本格式如下:
line-height: 行間距離
行間距離取值:
·不帶單位的數字:以1為基數,相當于比例關系的100%
·帶長度單位的數字:以具體的單位為準
·比例關系
注意:如果文字字體很大,而行距相對較小的話,可能會發生上下兩行文字互相重疊的現象。
4.文本水平對齊
文本水平對齊可以控制文本的水平對齊,而且并不僅僅指文字內容,也包括設置圖片、影像資料的對齊方式。
基本格式如下:
text-align: 參數
參數的取值:
·left:左對齊
·right:右對齊
·center:居中對齊
·justify:相對左右對齊
但需要注意的是,text-alight是塊級屬性,只能用于< p>、< blockquqte>、< ul>、< h1>~< h6>等標識符里。
5.文本垂直對齊
文本的垂直對齊應當是相對于文本母體的位置而言的,不是指文本在網頁里垂直對齊。比如說,表格的單元格里有一段文本,那么對這段文本設置垂直居中就是針對單元格來衡量的,也就是說,文本將在單元格的正中顯示,而不是整個網頁的正中。
基本格式如下:
vertical-align: 參數
參數取值:
·top:頂對齊
·bottom:底對齊
·text-top:相對文本頂對齊
·text-bottom:相對文本底對齊
·baseline:基準線對齊
·middle:中心對齊
·sub:以下標的形式顯示
·super:以上標的形式顯示
6.文本縮進
文本縮進可以使文本在相對默認值較窄的區域里顯示,主要用于中文板式的首行縮進,或是為大段的引用文本和備注做成縮進的格式。
基本格式如下:
text-indent: 縮進距離
縮進距離取值:
·帶長度單位的數字
·比例關系
但是需要注意的是,在使用比例關系的時候,有人會認為瀏覽器默認的比例是相對段落的寬度而言的,其實事實并非如此,整個瀏覽器的窗口才是瀏覽器所默認的參照物。
另外,text-indent是塊級屬性,只能用于< p>、< blockquqte>、< ul>、< h1>~< h6>等標識符里。

下一頁
返回列表
返回首頁 主站蜘蛛池模板: 国产精品免费_区二区三区观看| 日本又粗又长一进一出抽搐| 图片区小说校园综合| 中文字幕无码中文字幕有码| 欧洲美女与动zooz| 国产一级黄色片子| 激情网站免费看| 好男人在线社区www在线观看视频| 久久国产乱子伦精品免| 狠狠色香婷婷久久亚洲精品| 国产a级毛片久久久精品毛片 | 欧美国产伦久久久久| 免费a在线观看| 久久国产精品99精品国产987| 国模gogo大胆高清网站女模| 《波多野结衣系列mkmp-305》| 柔佳呻吟乳峰喘息高耸入云| 亚洲福利视频网站| 看国产一级毛片| 咪咪色在线视频| 男女xx动态图| 国内揄拍高清国内精品对白| 久久久久亚洲AV成人无码| 最近中文字幕无免费视频| 亚洲精品中文字幕无乱码麻豆| 第一福利视频导航| 另类ts人妖精品影院| 色欲香天天天综合网站| 国产在线拍揄自揄视精品不卡| 欧美成人18性| 国产精品一在线观看| 69堂午夜精品视频在线| 在线成年人网站| jizz免费在线影视观看网站| 快播电影网日韩新片| 中文字幕乱理片免费完整的| 日批视频在线免费观看| 久久久成人影院| 男人天堂手机在线版| 十七岁免费完整版bd| 美妇浑圆硕大高耸美乳|