国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS中的文本屬性學習指南

2024-07-11 08:35:34
字體:
來源:轉載
供稿:網友

文本縮進 text-indent

值:長度值(正、負均可)
示例:p {text-indent:3em;}
 字符間距 letter-spacing

值:任何長度值(正、負值均可)。
示例:p {letter-spacing:.2em;}
單詞間距 word-spacing

值:任何長度值(正、負值均可)。
示例:p {word-spacing:.2em;}
文本裝飾 text-decoration

值:underline、overline、line-through、blink、none。
示例:.retailprice {text-decoration:line-through;}
文本對齊 text-align

值:left、right、center、justify
示例:p {text-align:right;}
行高 line-height

值:任何數字值(不用指定單位)
示例:

CSS Code復制內容到剪貼板

p {line-height:1.5;}  

說明:

    CSS中的行高平均分布在一行文本的上方和下方。比如,如果字體大小是12像素,行高是20像素,則瀏覽器會在文本上方和下方各加4像素的空白,以湊足20像素的行高。
    修改默認行高最簡單的方式就是使用font快捷屬性,以復合值的形式把 font-size 和 font-height 的值寫在一起,比如:div#intro {font: 1.2em/1.4 helvetica, arial, sans-serif;} 在上面的一行代碼,行高就是字體大小12em的1.4倍。注意這里不用給line-heightz 值指定單位,只要一個數值就可以。

文本轉換 text-transform

值:none、uppercase、lowercase、capitalize。
示例:

CSS Code復制內容到剪貼板

p {text-transform:capitalize;}  

說明:capitalize 值會將每個詞的首字母裝換為大寫,這種效果在很多廣告、報道、雜志的標題中很常見。
垂直對齊 vertical-align

值:任意長度值以及 sub、 super、 top、 middle、 bottom 等。
示例:

CSS Code復制內容到剪貼板

span {vertical-align:60%;}  

說明:

    vertical-align 以基線為參照上下移動文本,但這個屬性只影響行內元素。
    如果想在垂直方向上對齊塊級元素,必須把其display屬性設定為inline。
    該屬性較為常用于公式或化學分子式中的上下標,或用于文本中腳注的角標。
    HTML 標簽<sup>和<sub>有默認的上標和下標樣式,但重新設定一下vertical-align 和 font-size 屬性能得到更美觀的效果。例如:p.custom {font-size:.8em; vertical-align:1em;}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 齐齐哈尔市| 南召县| 民勤县| 黑山县| 赤城县| 阿图什市| 苍山县| 镇原县| 吴桥县| 永和县| 饶河县| 昌都县| 和平区| 昭苏县| 弥渡县| 怀远县| 林口县| 阿勒泰市| 宜州市| 梅河口市| 富宁县| 苏州市| 南宁市| 莒南县| 陆川县| 中山市| 基隆市| 隆林| 洛川县| 开远市| 亳州市| 揭西县| 七台河市| 克什克腾旗| 湘潭县| 新河县| 苏州市| 毕节市| 宜君县| 宜君县| 长葛市|