CSS第二章

標籤：線性   font   das   一件事   塌陷   取值   方式   bsp   沒有   

1、

文本與字型屬性：

text-decoration:文本修飾線  none(去除修飾線)、underline(底線)、overline(上劃線)、line-through(刪除線)

color：設定文本的顏色

font-size：設定字型大小   值要在單位  px

font-style：設定文字的樣式   取值：italic(斜體)

font-weight：設定文本的加粗效果   取值：normal(正常)  、bold(加粗)

font-family：給文本設定字型   可以一次寫多個字型  每一個字型要加雙引號  

text-align：設定文本的水平對齊   取值：left|center|right

text-transform：改變字母的大小寫或者首字母大寫   取值：lowercase(小寫)  、uppercase(大寫)、Capitalize(首字母大寫)

line-height：設定行高   將一行文本在一個容器內垂直方向置中   它的值應該要與height這個屬性的值一樣  

text-indent：首行縮排  取值:px 或者em  (1個em指一個漢字的位置  )  值可以是負數

2、

 

尺寸樣式屬性：width:設定寬度   height:設定高度

3、浮動：

float：它是用來實現讓一個元素浮動  取值有兩個：left(向左浮動)、right(向右浮動)

4、清除浮動：只要浮動了 就必須要清除浮動！ 因為浮動元素它會影響到它下面的元素的排版布局！

有3種方法：a.給浮動元素的父元素設定一個固定的高度 ，這個方法不建議使用 因為一個元素的高度它應該是由其內容來決定

　　　　　b.使用清除浮動的屬性 clear　:left(清除左浮動)、right（清除右浮動）、both(兩個都清除)；清除浮動的屬性一般是用在浮動元素的最後面 ，我們在浮動元素的最後面建立一個空白的div 這個div裡面不要放置任何的內容 <div id=‘clear‘></div>,這個div它就是用clear這個屬性來實現清除浮動

　　　　 c.使用overflow:hidden來清除浮動  它主要是給無序列表來使用

 

               overflow:hidden;這個主要作用是用來將溢出的部分進行隱藏

5、padding

padding就是內填充，padding-top：上內填充 ，padding-right：右內填充 ，padding-bottom：下內填充 ，padding-left：左內填充

它的順序是順時針方向 ：上、右、下、左。例：padding：10px   表示上下左右四個方向的內填充都是10px    ，padding：10px  20px;  表示上下為10  左右為20  ，             padding：10px 20px 30px;   表示上10 左右20 下30  ，padding：10px 20px 30px 40px  表示上10  右20 下30 左40

！！！注意：HTML中有一些標籤是有預設的內填充和外邊距，在寫CSS代碼時第一件事情就是要將這些標籤的內外邊距都清除： *{margin:0;padding:0;}

6、margin

margin是外邊距，方向順序同padding

margin 有塌陷現象，豎直方向的margin值它不會疊加，只會取較大的值。

浮動的元素沒有塌陷現象。   { margin-left:auto;margin-right:auto;}可以讓一個盒子在一個容器內置中。   能用padding時盡量少用margin！

7、border   邊框

border這個屬性它有三要素：粗細 線型 顏色  （線性常用有三種：solid實線、dashed虛線、dotted點狀線）

border-top：上邊框線 ，border-right：右邊框線  ，border-bottom：下邊框線  ，border-left：左邊框線

8、display屬性

取值：inline(將塊狀元素轉換為行內元素)、block(將行內元素轉換為塊狀元素 )。

 

 

 

 

 

 

CSS第二章