CSS小记

1、元素居中:指定宽度,然后margin auto 即可

.middle{
    max-width:400px;
    //width:400px;//当浏览器被缩小,宽度小于元素宽度时,元素会被遮挡,所以应用max-width,会自动缩小元素以适应浏览器大小。这点对手机浏览器很有用
    margin:0 auto;
}

2、把列表元素的display 设为行内元素样式 inline ,可以达到导航栏栏目的效果

3、box-sizing:border-box

  对于盒子模型,IE早期版本将border和padding算在width内,而css标准则不算在内,这就造成个兼容问题。通过如上设置可以将盒子模型的border、padding算在width内,达到统一的目的;此外,也因而更容易设置盒子的尺寸,因为需要设的尺寸参数少了(少了border和padding)。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。