input,select{vertical-align: middle}
label {vertical-align: middle}
input:focus , textarea:focus {outline: none}
form{padding:10px;width:200px;background-color:#EBF3FA;overflow:hidden;}
label {vertical-align: middle}
input:focus , textarea:focus {outline: none}
form{padding:10px;width:200px;background-color:#EBF3FA;overflow:hidden;}
2015-12-13
<style type="text/css">
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
margin: 0;padding: 0;list-style: none;font-size: 12px;
font-family: "Arial", "sans-serif", "微軟雅黑", "宋體", "Tahoma";}
a{cursor: pointer;text-decoration: none}
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
margin: 0;padding: 0;list-style: none;font-size: 12px;
font-family: "Arial", "sans-serif", "微軟雅黑", "宋體", "Tahoma";}
a{cursor: pointer;text-decoration: none}
2015-12-13
ul{list-style:none}
*{margin:0; padding:0;}
li h3{text-align:center; font-size:14px; font-weight:400;}
li{display:block;
height:31px;
line-height:31px;
border-bottom:1px solid #dedede ;
overflow:hidden;
}
.cat{background:#f8f8f8; width:150px;border: 1px solid #a9a9a9;margin:10px;}
*{margin:0; padding:0;}
li h3{text-align:center; font-size:14px; font-weight:400;}
li{display:block;
height:31px;
line-height:31px;
border-bottom:1px solid #dedede ;
overflow:hidden;
}
.cat{background:#f8f8f8; width:150px;border: 1px solid #a9a9a9;margin:10px;}
2015-12-11
已采納回答 / 丶小八戒
首先你通過給<p>標(biāo)簽設(shè)置樣式來達到這種按鈕效果就有所不妥。你兩個按鈕實際上<p>標(biāo)簽顯示出來的結(jié)果，與button標(biāo)簽無關(guān)。（你這理button標(biāo)簽還拼錯了，不是botton）你可以去掉<p>標(biāo)簽的樣式，然后分別定義c1,c2兩個按鈕的樣式，從而達到你想要的效果。<...code...>? ??
2015-12-11
已采納回答 / 懶懶萌萌的
如果頁面簡單，可以不加，但是如果頁面復(fù)雜，多處用到i標(biāo)簽，而各個i標(biāo)簽的樣式又不一樣，就需要加上i的父元素，這樣代碼執(zhí)行才不會出錯
2015-12-10
已采納回答 / RenneXV
h3是塊元素,默認(rèn)寬度100%,你父元素如果和瀏覽器一樣寬..那margin auto不就沒有了么..文字居中可以試試text-align:center; 或者設(shè)定寬度 margin:0 auto;
2015-12-10
