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

首頁 > 開發 > CSS > 正文

CSS文本屬性的使用方法

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

文本顏色(color)


    它可以給文本設置一個顏色,可選值有三種表達方式:

  •     顏色名,如:red,blue
  •     rgb值,如:rgb(255,0,0)
  •     hex數值,如:#ff0000,這是最常用的方式。

例子:


  div {color:red;}

    h1 {color:#FF0000;}


文本對齊方式(text-align)


    這個屬性用來設置文本的對齊方式,有四個屬性值。

  •     left(居左,默認值)
  •     center(居中)
  •     right(居右)
  •     justify(兩端對齊)


示例如下:

.webtext {text-align:right;}


文本修飾(text-decoration)


    這個屬性是在文字上設置劃線的效果,有四個屬性值。

  •     none(無劃線,默認值)
  •     underline(下劃線)
  •     overline(上劃線)
  •     line-through(中劃線,即刪除線)


示例:


.line {text-decoration:line-through; /*刪除線效果*/ }


文本行高(line-height)


    行高是設置段落中行與行之間的距離的,它有四個屬性值:

  •     normal(默認值)
  •     number(一個數字,這個數字會與當前字體尺寸相乘設置行距,即當前字體尺寸的倍數)
  •     length(長度單位,有絕對和相對兩種,經常用到的絕對單位有pt,經常用到的相對單位有px、em、ex)
  •     %(百分比,基于當前字體尺寸的百分比行間距。)


示例:


  p.para1 {line-height:140%; /*百分比*/ }

  .para2 {line-height:1.5;/*數字*/}

  .para3 {line-height:20px;/*長度單位*/}


文本字間距(letter-spacing、word-spacing)


    letter-spacing這個屬性用來設置字符間距,有兩個屬性值:

  •     normal(默認值)
  •     length(長度,和行高的定義方法相同)


    word-spacing這個屬性用來設置空格間距,它的兩個值以及使用方法和letter-spacing相同。

文本縮進(text-indent)


    這個屬性用來設置文本首行縮進,就是在段落的首行文字之前插入一段距離,使用它可以讓所有段落首行縮進兩個字符,擺脫了每個段落都要用空格設置首行空格的麻煩。
    它有兩個屬性值:

  •     length(長度,同上)
  •     %(百分比,相對于父對象寬度的百分比,比如段落的寬度是500px,那么這里設置的百分比是相對于這個段落的百分比。)


示例:


.para5 {text-indent:24px; /*頁面文字如果是12像素字體,那么它會在首行空兩個字符的寬度*/ }


其他


    下面介紹的一些屬性都是生僻的,偶爾會在特殊場合派上用場。

元素中空白的處理方式(white-space)

    這個屬性用來處理空白處,目前還沒有被所有的瀏覽器支持,它有多個屬性,這里只介紹三個:
    normal(默認。空白會被瀏覽器忽略。)
    pre(空白會被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標簽。)
    nowrap(文本不會換行,文本會在在同一行上繼續,直到遇到 <br> 標簽為止。)

文本方向(direction)

    設置文本的順序方向,有兩個屬性值:


  •     ltr(默認值,從左至右,是left-to-right的縮寫)
  •     rtl(從右至左,是right-to-left縮寫,文本會從右至左倒過來顯示。)

書寫格式(writing-mode )

設置文本的書寫格式,有兩個屬性值:

  •     lr-tb:默認值。就是普通的格式,文本在水平方向上從左向右流入,后一行在前一行的下面。
  •     tb-rl:反傳統的,自上而下、從右至左。文本在垂直方向上從上向下流入,自右向左。后一豎行在前一豎行的左面。全角字符是豎直向上的,半角字符如拉丁字母或片假名順時針旋轉90度。這種布局是東亞語系通常使用的。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 永安市| 东乡县| 南阳市| 宜川县| 辉南县| 顺昌县| 苏尼特左旗| 孝感市| 牙克石市| 交口县| 乐清市| 高雄市| 灵丘县| 新干县| 郴州市| 酉阳| 房产| 西乌珠穆沁旗| 来宾市| 茌平县| 胶南市| 宁波市| 翁牛特旗| 许昌县| 昌图县| 柞水县| 蓝田县| 四会市| 刚察县| 朝阳区| 察雅县| 乌海市| 进贤县| 永康市| 新巴尔虎右旗| 南开区| 五华县| 资中县| 安达市| 太白县| 额尔古纳市|