? margin: 10px auto;? // 默認居中,? ? 第一個參數表示上下邊距，第二個參數 上下邊距

?margin:10px;四個方向相同

?margin：value(上下? )value(左右)

?margin： value上 value左右 ?value下

?margin：value上 value右 value下value左

border: 3px solid black;? //solid實線? ? dashed虛線? 邊框的寬，實線/虛線，顏色

字體居中下小技巧? height=10px;line-height=10px;? 保證字體居中顯示：

ont-family: 微軟雅黑;//設置字體

Text-decoration：none；//文字修飾無，把超鏈接的下劃線去掉

Text-decoration：underline//加下劃線

Text-decoration:overline; //上劃線

Text-decoration:line-through; ?//中劃線

Text-decoration:blink; ?//閃爍

color: green;

color: red !important;//!important優先級最高的

偽類選擇器：

連接偽類：link //未被訪問過的超鏈接

visited//已經訪問過的連接

動態偽類

hover ?//鼠標懸停在HTML連接上

active ?//用于元素被激活

focus// 元素獲取焦點 （鼠標懸停在元素上）

p:first-letter//p標簽里面的第一個 元素（還有很多元素）

陰影box-shadow：相關參數

第一個參數 水平陰影的位置

第二個參數 垂直陰影位置、

第三個參數 模糊距離

第四個參數 陰影的顏色

第五個參數 將外部陰影（outset）改為內部陰影（insert）

box-shadow :10px 10px 30px 10px black ;

box-shadow :10px 10px 30px ; ?//上，左右，下

圖像邊框：不同的瀏覽器在使用時，需要加上瀏覽器名稱

-webkit-border-image:url(biankuang.jpg) 27 round;//roundw圍繞

-moz-border-image:url(biankuang.jpg) 27 repeat;//repeat平鋪

-o-border-image:url(biankuang.jpg) 27 round;

outline? :輪廓

outline: 3px dashed green ;//第一個參數邊框寬度，樣式 顏色

outline: 0px ;//輪廓沒有

box-shadow :10px 10px ;//上下，左右

box-shadow :10px 10px red; //上下，左右，紅色

代碼如下：htm

css樣式：

我也很無語我自己，這么簡單的界面竟然要這么多代碼。加油啊，水平太low了。