css基礎樣式總結

2022-08-15 08:06:13 字數 660 閱讀 1129

顏色

單位color:設定文字顏色

text-align:設定文字對齊方式

letter-spacing:字間距/字母間距

word-spacing:單詞間距,有空格就設定,中文看空格.

line-height:行高(第二行的行高=第一行底部到第三行頂部)

text-indent:一般30px就2個

text-decoration:文字裝飾

text-transform:大小寫轉換

text-shadow:建立文字陰影(水平偏移量px,垂直偏移量px,模糊程度px,陰影顏色),模糊程度px值高越模糊.

設定字型:

為元素應用邊框

單獨設定某一條邊框

應用圓角邊框(x半徑,y半徑,xy相同時寫乙個就好了)

設定元素背景

建立盒子陰影

設定輪廓

**列表

透明度游標形狀

盒子模型分為元素,內邊距,邊框,外邊距,

1). width:設定元素寬度

2). height:設定元素高度

1).元素型別分為:

2).改變元素型別display:

3).隱藏元素: display:none

Css基礎總結 常見樣式宣告

1.color 元素內部的文字顏色 預設值 定義好的單詞 三原色,色值 光學三原色 紅 綠 藍 每個顏色可以使用0 255之間的數字來表達,色值。rgb表示法 rgb 0,255,0 hex 16進製制 表示法 紅綠藍 紅 ff4400,f40 黑色 000000,000 白色 ffffff,fff...

css樣式總結

一 浮動及清除 1.float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象,使文字圍繞在影象周圍,在 css 中,任何元素都可以浮動。浮動元素會生成乙個塊級框。值描述 left 元素向左浮動 right 元素向右浮動 none 不浮動 預設 inherit 繼承父類的float屬性 2.浮...

css樣式總結

1.div在div中上下居中 父元素 display flex align item center 2.flex布局 display flex flex wrap wrap justify content space between 3.文字劃線 text decoration none 沒有 bl...