Css隨筆2

標籤：visit   nbsp   劃線   log   字型類   stat   左右   css   family   

1.

css中：

a:link {　　　　　　　　　　 /*表示普通的，未被訪問的連結狀態*/
    color: black;
}

 

a:visited {　　　　　　　　/*表示連結被訪問過後的狀態*/
    color: blueviolet;
}

a:hover {　　　　　　　　/*表示滑鼠放在上面時的狀態*/
    color: red;
}

a:active {　　　　　　　　/*表示連結被點擊時的狀態*/
    color: green;
}

 

其中，hover必須在link和visited之後；active必須在hover之後，可放在其他標籤的使用上

 

float : left;float屬性可以控制其元素的浮動方向。

padding-right；padding可設定其相對位置的間距。

letter-spacing;可以控制字間距

List-style-類型；清單類型如ul，ol，dl類型的一般都是list-style-類型

 

font-type : 字型類型

font-style ： 斜體

font-decoration ： 底線

 

2.

*Position的屬性值有static，absolute，relative

Static：介面是靜止的，不可移動其位置

Absolute：介面是絕對的，即網頁內容一定會完整顯示出來

Relative：介面是相對的，即網頁內容是相對的，即頁面會因為位置的移動而導致部分內容看不到。

設定完後可以用left，top，right，bottom分別控制元素塊的位置

 

*margin-left：-300px；其效果是頁面距左邊300px，即頁面會向右移動300px。

 margin：100px；其效果是外邊距（上下左右）都為100px（可通過瀏覽器的檢查查看）

 padding：100px；其效果是內邊距（上下左右）都為100px

 

*margin: 10px 20px; 表示其外邊距上下為10px，左右為20px；

 元素塊的內外邊距的改變都要先設定position的屬性值。

3.

　css中name,class,id的表示分別為：

 1 <div class="secend"> 2 .secend { 3 } 4  5 <div name="secend"> 6 div.secend { 7 } 8  9 <div id="secend">10 #secend {11 }

 

Css隨筆2