CSS
CSS
胡萝卜菜
这个作者很懒,什么都没留下…
展开
-
CSS盒模型
CSS盒模型 上图显示: 在 CSS 盒子模型 (Box Model) 规定了元素处理元素的几种方式: width和height:内容的宽度、高度(不是盒子的宽度、高度)。 padding:内边距。 border:边框。 margin:外边距。 CSS盒模型和IE盒模型的区别: 在标准盒子模型中,width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。 IE盒子模型中,width 和 height 指的是内容区域+bo.原创 2020-10-09 11:29:14 · 152 阅读 · 0 评论 -
inline-block布局产生间隙
布局的一种方法是使用display:inline-block;它相比于与浮动、定位最大的不同就是其没有父元素的匿名包裹特性,这使得display:inline-block属性的使用非常自由,可与文字,图片混排,可内嵌block属性元素,可以置身于inline水平的元素中。但是在使用display:inline-block列表布局经常会遇到“换行符/空格间隙问题”。 .top>.logo>.nav { float: right; line-height: 106px; } .top原创 2020-05-31 18:08:05 · 356 阅读 · 0 评论 -
论为什么要初始化CSS样式
因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。 最简单的初始化方法: * { margin:0; padding:0; }(强烈不建议使用) 淘宝的样式初始化代码: body, h1, h2, h3, h4, h5, h6, h...原创 2020-04-27 08:39:51 · 139 阅读 · 0 评论