文字CSS樣式

2021-08-23 14:34:21 字數 1168 閱讀 5492

屬性值必須為數值型,且必須加上單位,為0時除外

單位:em(相對文字單位)、pt(絕對長度單位)、px(相對長度單位)      px使用比較廣泛

可以寫多個字型,若字型1不存在,則顯示字型2,以此類推,若都不存在,則顯示系統預設字型

注:當字型名稱為中文或者有空格時,需要加上雙引號

windows中文版本作業系統下,中文預設字型為宋體或者新宋體,英文本型預設為arial

注:400為常規,900代表最粗

順序: font-style | font-weight | font-size / line-height |

font-family 簡寫

時 , font-size

和line-height

只能通過斜槓

/組成乙個值,不能分開寫

顏色的賦值方法:1、使用系統認可的顏色名稱,如:red、yellow...

注:transparent預設透明顏色

2、使用十六進製制賦值:  #123456

前兩位:紅色  0-f

中間兩位:綠色: 0-f

後兩位:藍色:0-f

3、rgb(red, green, blue)   red、green、blue處取值為0-255表示顏色的深淺

rgba(red, green, blue, opacity)   red、green、blue處取值為0-255表示顏色的深淺

opacity處取值為0-1,表示背景的透明程度,0為全透明

當value=容器高時,可實現單行文字垂直居中

當value《容器高時,可實現單行文字垂直中齊以上任意位置的定位

當value>容器高時,可實現單行文字垂直中齊以下任意位置的定位

text-align: left/right/center/justify(「

兩端對齊中文不起作用

」);vertical-align: top/bottom/middle;

line-throuth:刪除線   underline:下劃線  overline:上劃線   none:無

注:value可以設定負值,若為負值,則被縮排左邊

文字縮排只對首行有效

h-shadow:必填:水平陰影的位置

v-shadow:必填:垂直陰影的位置

blur:選填:模糊的距離

color:陰影的顏色

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...