css字型文字格式 滑鼠樣式

2022-08-31 06:27:12 字數 1428 閱讀 7558

縮排

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屬性來定義字型 語...