css文字格式以及字型

2022-08-17 08:36:23 字數 1204 閱讀 9715

css:層疊樣式表,是給標籤(html)新增樣式的    (鍵對值:屬性:屬性值;)

(備註:html超文字標記語言,是標記語言,不是程式語言,說白了就是標籤。標籤:《標籤名》)

一、文字的樣式(text)

1、顏色  

color:red;

2、文字對齊方式

text-align:left;(左對齊)

text-align:center;(居中)

text-align:right;(右對齊)

text-align:justify(兩端對齊)

3、文字修飾

text-decoration:none;(什麼都沒有) 

text-decoration: overline;   (上劃線)

text-decoration:line-through;  (刪除線)

text-decoration:underline;        (下劃線)    

4、文字轉換

text-transform:uppercase;  (大寫字母)

text-transform:  lowercase;  (小寫字母)

text-transform:  capitalize;    (以大寫字母寫)

5、文字縮排

text-indent:20px;

二、字型(font)

1、字型大小

font-size:20px;

2、字型顏色

color:red;

3、字型樣式

font-style:normal;(正常的)

font-style:italic;     (斜體)

font-style:oblique;  (傾斜)

font-style:inherit;    (繼承父級樣式)

4、字形

font-family:"微軟雅黑";  (系統預設) 

5、加粗

font-weight:normal;(系統預設)

font-weight:bold;    (粗體)

font-weight:bolder;  (更粗)

font-weight:lighter;    (更細)

(備註:font-weight:可以寫數字,後面不用加px            400等於normal        700等於bold         比400小是變細,比400大是變粗)

css字型文字格式 滑鼠樣式

縮排 text indent 屬性規定文字塊中首行文字的縮排。允許使用負值。如果使用負值,那麼首行會被縮排到左邊。length 定義固定的縮排。預設值 0。定義基於父元素寬度的百分比的縮排。inherit 規定應該從父元素繼承 text indent 屬性的值 eg text indent 2rem...

CSS基礎知識之(背景 文字格式 字型)

顧名思義,背景屬性是用來定義html元素的背景。包括顏色 background color 影象 background image 等 例如,頁面的背景顏色使用在person的選擇器中 personcss中,顏色值通常以以下方式定義 background image屬性描述了元素的背景影象。預設情況...

本文章介紹CSS 文字格式

顏色屬性被用來設定文字的顏色。顏色是通過css最經常的指定 參閱 css 顏色值 檢視完整的顏色值。乙個網頁的背景顏色是指在主體內的選擇 body h1 h2 文字排列屬性是用來設定文字的水平對齊方式。文字可居中或對齊到左或右,兩端對齊.當text align設定為 justify 每一行被展開為寬...