一些自己遺忘的Css樣式

2021-10-02 00:10:45 字數 1120 閱讀 3552

1.首行縮排

text-indent

:50px;

2.內容自動換行

word-break

:break-all;---允許在單詞內部進行換行

word-break

:keep-all;只在空格處或連字元(-)處換行

3.詞間距

word-spacing

:10px;單詞與單詞之間的間隙為10px,只要有空格出現就認為是乙個詞的開始

4.字間距

letter-spacing

:5px;設定字(字元)之間的間隙5px

5.大小寫轉換

text-transform

:none/capitalize/uppercase/lowercase;

capitalize

:將每個單詞的第乙個字母大寫

uppercase:將單詞所有的字母都轉換成大寫

lowercase:將單詞所有的字母都轉換成小寫

6.display和visibility的區別

display:none與visibility:hidden的區別

前者的位置都沒有了,後者將會保留位置

7.讓乙個元素始終居中

left

:50%;

top:50%;

margin-left

:-width/2;

margin-top

:-height/2;

8.文字溢位

text-overflow

: clip | ellipsis | string;

依次為自動截斷/省略號代替/特定字串代替

white-space

: nowrap;

強制在一行顯示

9.偽元素

:before為在選擇的元素前新增新內容

:after為在選擇的元素後新增新內容

例:.div

.div::after

一些css樣式

1.color 顏色 2.font size 字型大小 3.font family 字型型號 4.font style 字型樣式 斜體等 5.font weight bold字型加粗 bolder更粗 6.text decoration underline下劃線 overline上劃線 none b...

一些常用但是自己記不住的css樣式

letter spacing 15px 即設定了字與字距離間隔15px 畫素 dispaly inline block不會獨佔一行,擁有塊元素的特點 3 元素旋轉 transform rorate 4 莫名的元素間隙 當除錯margin和padding都為0時都找不到原因,嘗試一下設定font si...

一些簡單的CSS樣式

ul font size 0.9em color 00458e list style type decimal circle none list style image url icon1.jpg 顯示 border top left bottom right div background colo...