一、字型屬性:
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...