CSS文字樣式

2021-10-14 06:48:30 字數 1241 閱讀 8821

文字樣式屬性

屬性說明

text-indent

首行縮排

text-align

水平對齊

text-decoration

文字修飾

text-transform

大小寫line-height

行高letter-spacing、word-spacing

字母間距、詞間距

1.首行縮排

text-indent:畫素值;

text-indent值是font-size的2倍

2.水平對齊

left 左對齊(預設值)

center 居中對齊

right 右對齊

3.文字修飾

none 去除所有的劃線效果(預設值)(在實際開發中會大量使用)

underline 下劃線

line-through 中劃線

overline 上劃線

4.大小寫

none 無轉換(預設值)

uppercase 轉換為大寫

lowercase 轉換為小寫

capitalize 只將每個英文單詞的首字母轉換為大寫

5.行高

畫素值(每行的高度)

6.間距

畫素值例子:

>

>

charset

="utf-8"

>

>

title

>

type

="text/css"

>

p#aaa

span

style

>

head

>

>

>

很多人都喜歡用戰術上的勤奮來掩蓋戰略上的懶惰,事實上這種">

低水平的勤奮span

>

"遠遠比懶惰可怕。p

>

"aaa"

>

remember: no pain, no gain! p

>

body

>

html

>

效果:

CSS樣式 文字樣式

文字擷取 employorganizalistctrl listtext 文字對齊方式 text align justify 文字超出固定高度 顯示滾動條 overflow scroll 顯示邊框 border 1px dashed ff6b6b 虛線 border top style 1px so...

CSS樣式 文字

css文字屬性可定義文字外觀。通過文字屬性,可以改變文字的顏色,字元間距,對齊文字,裝飾文字,對文字縮排 color aquamarine 顏色是繼承效果 text align center 文字對齊方式 text indent 2 em 首行文字縮排2個畫素 text transform capi...

CSS 文字樣式

left center right左中右 justify 兩端對齊 inherit 繼承 行高不夠時,行與行之間後重疊 數字px 數字em 數字 基於字型大小的百分比 數字 父元素的百分比 數字px 數字em 固定值預設為0 inherit繼承 normal 預設 數字px 固定值 可為負值 inh...