文字修飾:
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...