求解釋CSS樣式
問(wèn)題都在備注上,我還想知道到底是怎么設(shè)置的,可以讓上下兩個(gè)框框相接在一起的,謝謝各位了
? *{font-family:"微軟雅黑";font-weight:bold;line-height:2.0em;}
? ??
? ? #tab{
? ? ? ? height:200px;
? ? ? ? width:450px;
? ? }
? ??
? ? #tab div{
? ? ? ? border-width:1px;
? ? ? ? border-style:solid;
? ? ? ? border-color:Navy;
? ? ? ? height:130px;
? ? ? ? margin:0px 50px 0px 35px;/*上為0和10為什么效果一樣*/
? ? ? ? padding:5px 0px 40px 5px;
? ? ? ? border-top:2px solid brown;
? ? }
? ? ? ??
? ? .hide{
? ? ? ? display:none;
? ? }
? ??
? ? #tab ul{
? ? ? ? display:block;/*不知道有什么用,不加也可以*/
? ? ? ? height:21px;
? ? }
? ??
? ? #tab ul li{
? ? ? ? float:left;/*不知道有什么用,不加也可以*/
? ? ? ? cursor:pointer;
? ? ? ? display:inline-block;
? ? ? ? border-style:solid;
? ? ? ? border-color:gray;
? ? ? ? height:35px;
? ? ? ? width:80px;
? ? ? ? text-align:center;
? ? ? ? border-width:1px;
? ? ? ? border-bottom:none;
? ? }
? ??
? ? #tab ul li.on{
? ? ? ? border-top:2px solid brown;
? ? ? ? ?border-bottom:2px solid white;/*為什么設(shè)置成白色,兩個(gè)框框相接處就沒(méi)了*/
? ? }
2015-11-28
1,margin:0px 50px 0px 35px;/*上為0和10為什么效果一樣*/ ? ? 效果肯定不一樣的,將這塊div背景色設(shè)成紅色看看,還有#tab div這種寫(xiě)法不正確
2,display:block;/*不知道有什么用,不加也可以*/ ? ? w3c 去看display 知識(shí)點(diǎn)
3,?float:left;/*不知道有什么用,不加也可以*/ ? ? ?一般和display屬性一起使用,同上
4,border-bottom:2px solid white;/*為什么設(shè)置成白色,兩個(gè)框框相接處就沒(méi)了*/ ? ? ?你上面#tab ul li 又設(shè)置
border-bottom:none; ?這里又border-bottom:2px solid white;肯定沒(méi)了啊