码迷,mamicode.com
首页 > Web开发 > 详细

CSS小记

时间:2015-02-04 00:37:07      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:

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)。

CSS小记

标签:

原文地址:http://www.cnblogs.com/z-sm/p/4271372.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!