css 文字設定

2021-08-07 10:55:22 字數 1422 閱讀 3264

文字修飾:

text-decoration : underline下劃線 ,none沒有修飾, over-line上劃線 ,line-through中劃線

vertical-align : 豎直對齊方式   text-align: center : 水平居中

vertical-align : 豎直對齊方式   text-align: center : 水平居中

內容超出處理:

overflow :visible(預設) |auto |hidden |scroll 

visible不裁剪內容,可能會顯示在內容框之外。

auto 容器自適應內容,內容高度超出容易,會出現豎直滾動條,如果內容寬度超出容器,會出現水平滾動條

hidden 是把超出容器的內容部分給裁減掉

scroll 給容器設定滾動條,如果內容沒有超出容器,將無法滾動

overflow-x: 對容器的水平方向處理

overflow-y: 對容器的垂直方向處理

overflow-x/y:

visible |hidden |scroll |auto |no-display |no-content;

visible不裁剪內容,可能會顯示在內容框之外。

hidden裁剪內容 - 不提供滾動機制。

scroll裁剪內容 - 提供滾動機制。

auto如果溢位框,則應該提供滾動機制。

no-display如果內容不適合內容框,則刪除整個框。

no-content如果內容不適合內容框,則隱藏整個內容。

顏色單位:

英文單詞 / 16進製制  / rgb / transparent

字型大小設定:

px:絕對單位,頁面按精確畫素展示

百分比:相對單位,相對於瀏覽器預設字型大小

em:相對單位,基準點為父節點字型的大小,如果自身定義了font-size按自身來計算(瀏覽器預設字型是16px),整個頁面內1em不是乙個固定的值。

rem:相對單位,可理解為」root em」, 相對根節點html的字型大小來計算

font-weight 字重: 

bold(500~900)    加粗   bolder 更粗(已淘汰)

lighter(100~300) 更細   normal(400)正常的

font-style:

斜體設定 italic

正常設定

noraml

font-family 字型設定:

設定多個字型用逗號隔開 用雙引號包裹 (arial一般最後乙個,多系統支援)

解析風格:sans-serif(比較圓潤),serif稜角多

首行縮排:

text-indent: 2em;

css設定文字

設定文字字型 font family 屬性值有多個時,中間必須用英文逗號隔開 如果字型中間有空格,必須用雙引號將字型引起來,漢字最好也引起來 如果設計者所羅列的字型在使用者的計算機上沒有安裝,則使用瀏覽器的預設字型 設定字型顏色 color 英語單詞指定的顏色,如red,yellow blue pu...

css 文字設定

常用的應用文字的css樣式 1 color 設定文字和顏色,如 color red 2 font size 設定文字的大小,如 font size 20px 3 font family 設定文字的字型,如 font family 微軟雅黑 4 font style 設定字型是否傾斜,如 font s...

CSS文字溢位設定

1.text overflow clip 不顯示省略號 而是簡單的裁切 2.text overflow ellipsis 單行文字溢位時顯示省略號 1.white space normal 預設值 2.white space nowrap 文字不會換行,文字會在同一行上繼續,直到遇到br標籤為止 3...