css屬性

css屬性
(1)文本屬性
文本大小:font-size:value(值);
說明:屬性值爲數值型時,必須給屬性值加單位,屬性值爲0時除外;
單位可以是px,pt,em
(2)文本顏色:color:#顏色值;
(3)文本字體:font-family;
(4)加粗:font-weight;
(5)傾斜:font-style;
(6)水平對齊方式:text-align;
(7)行高:line-height;
(8)文本修飾:text-decoration;
文本修飾:text-decoration:none(沒有修飾)
underline(添加下劃線)
overline(添加上劃線)
line-through(添加刪除線)
blink.(高版本瀏覽器不支持blink屬性)

(9)文字屬性簡寫:font:12px/1.5 "宋體";
說明:
font的屬性值應按以下次序書寫(各個屬性值之間用空格隔開)
順序: font-style font-weight font-size / line-height font-family
(1)簡寫時 , font-size和line-height只能通過斜槓/組成一個值,不能分開寫。
(2) 順序不能改變 ,這種簡寫法只有在同時指定font-size和font-family屬性時才起作用,而且,你沒有設定font-weight , font-style 他們會使用缺省值。
(10)border:3px solid red;
     粗細(數值+單位)   線型(solid/dashed/dotted/double)   顏色;
右邊框border-right:
左邊框 border-left:
上邊框 border-top:
下邊框 border-bottom:
solid:實線,dashed:虛線,dotted:點狀線,double:雙線,
(11)首行縮進:text-indent:value;
說明:①text-indent可以取負值;
②text-indent屬性只對第一行起作用。
縮進兩個字符可以寫:text-indent:2em;
(12)字間距:letter-spacing:value; 控制英文字母或漢字的字距。
(13)詞間距:word-spacing:value; 控制英文單詞詞距。
(14)文本流控制 layout-flow:horizontal(自左向右)
vertical-ideographic(自上而下);
(注:此屬性只有IE瀏覽器支持)
列表的css聲明
1、定義列表符號樣式:
list-style-type:disc(實心圓)/circle(空心圓)/square(實心方塊)/none(去掉列表符號);
2、使用圖片作爲列表符號:
list-style-image:url( 所使用圖片的路徑及全稱 );
3、定義列表符號的位置:
list-style-position:outside(外邊)/inside(裏邊);
 list-style:none;去掉列表符號

關於背景的css聲明
1、背景顏色 background-color:顏色值;
2、背景圖片 background-image:url( 背景圖片的路徑及全稱 );
3、 網頁上有兩種圖片形式:插入圖片、背景圖;
插入圖片:屬於網頁內容,也就是結構。<img/>
背景圖:屬於網頁的表現,背景圖上可以顯示文字、插入圖片、表格等。
4、背景圖片平鋪
background-repeat:no-repeat(不平鋪)/repeat(平鋪)/repeat-x(水平平鋪)/repeat-y(垂直平鋪) }
5、背景圖片的位置
background-position:值1    值2;
說明:
①屬性值有兩個值組成,值1是水平位置的座標值,值2是垂直位置的座標值;
②值1 = left/center/right/數值; 值2 = top/center/bottom/數值;當兩個值都是center的時候可縮小爲一個;③當屬性值是數值時,向右方向,向下方向正值
6、背景屬性的縮寫語法:background:屬性值1   屬性值2   屬性值3;
如:background:url(背景圖片的路徑及全稱) no-repeat center top;
7、背景圖的固定 background-attachment:scroll(滾動)/fixed(固定);

盒模型
css定義的所有元素都可以擁有像盒子一樣的外形和平面空間,它是css佈局的基石,它規定了網頁元素如何顯示以及元素間相互關係。
盒模型的組成
內容、填充、邊框、邊界
1.padding的定義
①padding是元素內容到元素邊框之間的距離,叫內填充、補白或內邊距;
②padding區域內會顯示背景色和背景圖片;
2.用法:
1)用來調整內容在容器中的位置關係
2)用來調整子元素在父元素中的位置關係。(注:padding屬性需要添加在父元素上。)
3)padding值是額外加在元素原有大小之上的,如想保證元素大小不變,需從元素寬或高上減掉後添加的padding屬性值。
3.padding屬性值的4種形式:
一個值:padding:2px; 四周的填充都是2px
二個值:padding:10px   20px ; 上下    左右  
三個值: padding:10px   20px   30px ; 上    左右    下
四個值:padding:10px   20px   30px   40px; 上   右   下   左
4.邊界:margin,在元素外邊的空白區域,被稱爲外邊距。
margin-left:左邊界margin-right:右邊界margin-top:上邊界margin-bottom:下邊界

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章