常用的CSS樣式基本屬性

2021-10-19 07:39:35 字數 2175 閱讀 5281

一、字型屬性:

1.字型的顏色:color:;

*顏色的取值:

1)關鍵字:red blue…

2)十六進製制,包含0——9 a——f

黑色:#000000 簡寫:#000

白色:#ffffff 簡寫:#fff

3)rgb(0,0,0) 黑色 取值:0——255 rgb(255,255,255)

4)rgba(0,0,0) a:透明度,取值:0——1(0:完全透明,1:不透明)

2.字型的大小:font-size:;

*瀏覽器支援的最小字型為:12px

3.字型是否加粗:font-weight:;

*預設:normal——不加粗(400)

bold——加粗(700)

取值:100——900

4.字型是否傾斜:font-style:;

*預設:normal——不傾斜

italic——傾斜

5.字型:font-family:;

*預設:宋體

注意:當字型由多個單詞組成,必須加引號

字型屬性具有繼承性!~

二、文字屬性:

1.元素內容的水平對齊方式:text-align:;

*對齊方式:left、center、right

2.文字裝飾:text-decoration:;

*裝飾方式:

underline——下劃線(nonew——沒有下劃線)

line-through——刪除線

overline——上劃線

3.英文本母大小寫轉換:text-transform:;

*取值:

uppercase——大寫

lowercase——小寫

capitalize——每個單詞的首字母大寫

4.首行縮排:text-indent:;

*取值:

px——絕對單位,畫素

em—— 相對單位,相對於當前字型大小,預設16px(1em=16px)

rem——相對單位

文字屬性具有繼承性!~

三、列表屬性:

1.設定專案符合:list-style-type:none;

2.設定專案符合為:list-style-image:url("");

3.設定專案符號的位置:list-style-position:outside/inside;

簡寫:list-style:none;

列表屬性具有繼承性!~

四、背景屬性:

1.背景顏色:background-color:;

*預設:transparent——透明的

取值:1)十六進製制:#000 、#fff

2)關鍵字:red、blue

3)rgb(0,0,0) rgba(255,255,255)

4)rgba(0,0,0,0.5) ,a——透明度,取值:0——1

2.背景:background-image:url("");

*取值:

repeat——平鋪(預設)

no-repeat——不平鋪

repeat-x——水平方向平鋪

repeat-y——垂直方向平鋪

*預設:左上角(0,0)

取值:px % left right top bottom center

注意:1)當只取乙個值,第二個值預設居中;

2)取正值,背景往右下走,取負值,背景往左上走

五、**屬性:

1.**寬高(元素大小):

width:;

height:;

2.背景顏色:background-color:;

3.背景:background-image:url();

4.元素內容水平對齊方式:text-align:left/right/center;

5.單元格內容垂直對齊方式:vertical-align:top/middle/bottom;(寫在tr或td上)

6.邊框摺疊:相當於cellspacing=「0」

border-collapse:collapse;

7.邊框:border:;

8.內容距邊框的距離:padding:;

六、其他屬性:

(一)行高:

1.設定行高:line-height:;

*取值:px、number

注意:設定的是一行文字的高度,當行高等於高,一行文字垂直居中

CSS的基本屬性樣式

一,明確塊級元素和行內元素行內元素 有關line height的鏈結 2 不能設定垂直方向的margin,不能設定padding top 塊級元素 1 垂直方向上的margin值會重疊,水平方向margin不重疊 行內塊元素 inline block 1 可以設定寬高 2 在一行顯示複製 二,mar...

CSS基本屬性

一 visibility屬性 display none 隱藏元素 visibility 顯示 隱藏的 取值 1 visible 預設的可見的 2 hidden 隱藏 依然佔據頁面空間 3 collapse 使用在 元素上 刪除一行和一列的時候不影響 的整體布局 diplay 和 visibility...

CSS基本屬性

background 背景 background color 背景色 background image 背景 background repeat 背景圖平鋪方式 簡寫 background gray url xx.png no repeat 背景色,背景,平鋪方式 font 字型 font styl...