码迷,mamicode.com
首页 >  
搜索关键字:外边距    ( 1242个结果
CSS重置
1、注意:在reset的时候,避免不必要的重置,例如“dt”没有默认边距。“ul”、“ol”只有左外边距。。。2、在使用的时候因为全局设置字体为62.5%,所以页面要包裹class为"fz"的div,设置页面字体为12px/*reset*/body, p, dd, dl, form, h1, h2,...
分类:Web程序   时间:2015-01-06 21:31:55    阅读次数:116
Bootstrap 栅格系统的精妙之处
节选翻译自The Subtle Magic Behind Why the Bootstrap 3 Grid Works 从接触 Bootstrap 已经有很长时间了,给人的感觉是快速,简单,易上手,其中栅格系统是一个亮点: 一直感觉像 CSS 栅格系统之类的东西拿过来用就好了,不用深究背后的原理。直到有一天你发现简单的套用在稍复杂的页面上出现问题,间隔啊,内外边距啊,哪都不对劲儿。...
分类:其他好文   时间:2015-01-06 20:08:17    阅读次数:183
Html 基础(一)盒模式
现在开始细致学习HTML基础,把学习的记录一点一滴的记录下来,可能有问题欢迎拍砖 在学HTML的时候就听到一个著名的盒模式概念,这个概念遍布于现在的div+css设计,首先是一张很老的但是很经典的图 margin:外边距,margin: top right bottom left,分别决定模块的上下...
分类:Web程序   时间:2015-01-05 21:38:25    阅读次数:166
CSS Reset
针对前端设计,各个浏览器都有默认样式,这样造成的差异常常搞的我们很晕,而*{margin:0;padding:0}范围又太广,无法满足我们的需求,项目中常常存在reset.css的样式来统一默认样式。淘宝的reset.css 1 /** 清除内外边距 **/ 2 blockquote,body,bu...
分类:Web程序   时间:2014-12-29 22:41:51    阅读次数:165
css页面重构面试题
偶然间又看到博客园中这两道页面重构面试题。题一:分别用2个DIV,3个DIV,5个DIV实现水平垂直均居中显示一个宽50px,高200px的正十字架.思路:水平垂直均居中的实现,当然非absolute加外边距负值结合莫属.闲话略去,看代码及演示吧.2个DIV实现的核心CSS代码:点此查看DEMO.d...
分类:Web程序   时间:2014-12-25 19:59:16    阅读次数:168
距离单位与内外边距
在android开发中常用的距离单位有px、dp、sppx就是像素,如在480*800的分辨率的显示屏上,横排有480个小格子,竖排有800个小格子,每个格子代表一个像素点。分辨率越高,像素点越高,显示的内容也就越多屏幕尺寸相同,但分辨率可能不同,因此dpi也可能不同,细腻程度也就不同了dp = d...
分类:其他好文   时间:2014-12-21 21:51:09    阅读次数:212
Reset css
最近收集的一个css Reset所以贴上来,分享一下:/* 清除内外边距 */body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */dl, dt, dd, ul, ol, li, /* list ...
分类:Web程序   时间:2014-12-15 13:43:25    阅读次数:174
关于css盒模型
在css中,width和height指的是内容区域的宽度和高度。增加内边距,边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。假设框的每个边上有10个像素的外边距和5像素的内边距,如果希望这个框达到100像素就需要将内容的宽度设置为70像素 {margin:10px;padding:5p...
分类:Web程序   时间:2014-12-10 22:44:23    阅读次数:145
子元素设置margin-top,父元素也受影响
外边距合并问题常见于第一个子元素的margin-top会顶开父元素与父元素相邻元素的间距,而且只在标准浏览器下 (FirfFox、Chrome、Opera、Sarfi)产生问题,IE下反而表现良好。例子可以查看下面代码(IE下表现“正常”,标准浏览器下查看出现“bug”):     子元素设置margin-top,父元素也受影响     * {         m...
分类:其他好文   时间:2014-12-09 15:48:20    阅读次数:177
前端样式实践出真知系列(二)
1、overflow 属性规定当内容溢出元素框时发生的事情。当属性值为hidden时,元素内容会被修剪,并且其余内容是不可见的。哪些元素会被修剪:超出元素边框的部分(不管它是内容本身过多导致的 还是通过定位(相对或绝对)导致的 )都将隐藏。2、maring外边距祥解:一个元素的margin影响了父元...
分类:其他好文   时间:2014-12-09 13:40:22    阅读次数:156
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!