CSS的一些必記屬性整理

2022-09-24 17:30:19 字數 1658 閱讀 4479

text

color 設定t程式設計客棧ext的顏色

text-align 設定text的對齊

text-decoration 設定text的下劃線

text-transformation 設定字母的大小寫和單詞的首字母大寫

&nbswww.cppcns.comp;  line-height 設定行高

letter-spacing 設定字元間的距離

font

&nbs  font-family 設定字型

font-size 設定字型的大小

font-style 設定字型為斜體還是正常顯程式設計客棧示

font-weight 加粗字型

background

background-color 設定背景的顏色

background-image 設定背景

background-repeat 設定背景的重複方式

background-position 設定背景的位置 預設為top left

lists

list-style-type 設定list的型別,有circle等值

box-model

margin 設定盒子的外邊距 外邊距是透明的。

padding 設定盒子的內邊距 內邊距也是透明的。

border 設定盒子的邊框,邊框為不透明的。note:邊框必須要設定型別,否則將無效。

float 設定盒子的浮動,浮動是絕對定位的一種,其佔位空間將消失。

clear 清除盒子的浮動,清除封裝的那個盒子的浮動。

position and :after / :before

:after 和 :before 通常都是和position一起使用的。position分為絕對定位和相對定位,相對定位的空間還在,絕對定位的空間就不在了。那兩個偽類+ position的絕對定位,由非常強大的威力,很多地方都可以用。比如微信的小紅點訊息通知。

css3

border-radius css3支援設定圓角

-webkit-border-radius 支援webkit的瀏覽器

-moz-border-radius: 支援moz的瀏覽器

syntax:提供乙個半徑即可。

box-shadow css3支援設定陰影

-webkit-box-shadow

-moz-box-shadow

syntax-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit;

text-shadow css3 支援設定text陰影

syntax-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;

multiple backgrounds css3的背景圖支援多張背景圖

** background-size** css3支援背景的尺寸

text-overflow css3 支援對超出邊界的文字的處理

syntax:

text-overflow: clip|ellipsis|string|initial|inherit;

flexible box model

transform 分為2d和3d 主要包括縮放、平移和旋轉。

本文位址:

記一些css屬性總結(一)

以上為為我自言自語可跳過 1.transition屬性 含義 過渡屬性,通常用於滑鼠經過元素時樣式的改變。語法 transition property duration timing function delay transition property 規定設定過渡效果的 css 屬性的名稱,全部就...

一些css的屬性

一些css的屬性 使整個頁面的元素都沒有頁邊距 margin 與填充距離 padding body 使整個頁面居中顯示 padding 12px 元件能與邊緣的距離 moz border radius 6px 6px 6px 6px 圓角 float left div同行顯示 margin 30px...

css的一些屬性

1 文字的水平居中 css實現單行文字水平居中 text align center 2 塊元素居中 保證margin left和margin right都為auto,就可以保證塊元素水平居中 如果要是使用margin 0 auto來實現塊元素居中,就要 指定這個元素的寬度 3 行內元素 使用text...