縮排
text-indent 屬性規定文字塊中首行文字的縮排。(允許使用負值。如果使用負值,那麼首行會被縮排到左邊。)
length 定義固定的縮排。預設值:0。
% 定義基於父元素寬度的百分比的縮排。
inherit 規定應該從父元素繼承 text-indent 屬性的值
eg:
text-indent:2rem //首行縮排兩個字元
換行
word-wrap 屬性允許長單詞或 url 位址換行到下一行。
word-wrap: normal|break-word;
normal 只在允許的斷字點換行(瀏覽器保持預設處理)。
break-word 在長單詞或 url 位址內部進行換行。
p//強制不換行
注: display:inline :內聯物件的預設值。用該值將從物件中刪除行。如果其前後都是inline的則在同一行
p//自動換行
p//強制英文單詞斷行
*注意:設定強制將英文單詞斷行,需要將行內元素設定為塊級元素。
span
字型間距
letter-spacing:漢字間字間距設定或者英文單詞中每個字母的間距
word-spacing:設定英文每個單詞之間的距離,對中文文字之間的距離沒有效果
重要:letter-spacing 在ie與ff下解析不一樣.ff解析時最後乙個字後面會加上所定義的距離,而ie不會,因此就會造成定義間距越大差別越大!
特別注意的是,在內容最後乙個字後面不能出現空格。如果出現空格 ie下則會認為這是乙個字元.也會給這個空格加上letter-spacing值.
轉換文字格式
text-transform
none 預設。定義帶有小寫字母和大寫字母的標準的文字。
capitalize 文字中的每個單詞以大寫字母開頭。
uppercase 定義僅有大寫字母。
lowercase 定義無大寫字母,僅有小寫字母。
inherit 規定應該從父元素繼承 text-transform 屬性的值。
常用滑鼠樣式
div/*手指形狀 鏈結選擇效果
*/
文字下劃線 刪除線 上劃線
div/*無裝飾,通常對html下劃線標籤去掉下劃線樣式
*/div/*
下劃線樣式
*/div/*
刪除線樣式-貫穿線樣式
*/div/*
上劃線樣式
*/
css文字格式以及字型
css 層疊樣式表,是給標籤 html 新增樣式的 鍵對值 屬性 屬性值 備註 html超文字標記語言,是標記語言,不是程式語言,說白了就是標籤。標籤 標籤名 一 文字的樣式 text 1 顏色 color red 2 文字對齊方式 text align left 左對齊 text align ce...
CSS基礎知識之(背景 文字格式 字型)
顧名思義,背景屬性是用來定義html元素的背景。包括顏色 background color 影象 background image 等 例如,頁面的背景顏色使用在person的選擇器中 personcss中,顏色值通常以以下方式定義 background image屬性描述了元素的背景影象。預設情況...
CSS字型 文字樣式屬性
1 字型屬性 1.2 字型大小屬性 1.3 字型粗細屬性 1.4 字型樣式屬性 1.5 字型復合屬性 2 文字外觀屬性 css fonts 字型 屬性用於定義字型系列 大小 粗細 和文字樣式 如斜體 css使用 font family屬性來定義字型 pcss使用 font size屬性來定義字型 語...