css頁面配置基礎

標籤：ted   sha   布局   hang   寬度   shadow   頁面   lis   外邊距   

去掉無需列表的原點list-style：none首字大寫list-style:upper-coman變成小寫list-style:lower-roman英文首字母大寫alpha小寫lower-alpha

虛線 boder： 1px dashed #58a  ； 點線 boder：10px dotted #58a； 雙實線 doble

定義四個方向的樣式

boder-top：2px solid  red；

　　　 right：2px dashed  red；

　　　botton：　　dotton         ；

        left：            double        ；

div的長寬一樣的話  可設定成圓

boder-redins：50%

元素陰影

box-shadow：5px 5px 2px#000；

線性漸層

background：liner-gradiedt（to right，red，yellow）；

迴圈

@keyfeames box{

from{

background-color；yellow

}

to{background-color；red}

}

也可以用比分比符號

trasition：all linear 1s；一秒勻速變換

行類標記轉換為塊級

change a{diaplay：block

line-height：200px

}

 

 

padding值不能為負 margin可以

 

垂直防線外邊距會重疊，取最大值

浮動

float：left；左浮動

right 右浮動

 

加上父級再浮動  可以排序浮動後的順序

 

消除最後一項浮動

list-child{

clear both

}

子級浮動父級高度會塌陷

行嘞元素浮動後會視為塊級

 

 

在浮動文本時設定寬度

css頁面配置基礎