Bootstrap将全局font-size设置为14px,line-height为1.428。这些属性直接赋给和所有段落元素。另外,(段落)还被设置了等于1/2行高的底部外边距(margin)(即10px)。标题文字分为(h1-h6)h1:36pxh2:30pxh3:24pxh4:18pxh5:14...
分类:
其他好文 时间:
2014-09-09 15:20:18
阅读次数:
131
从一个大神那看到的,拷贝过来跟大家分享下!html*{margin:0;padding:0;}body{background:#222;} canvas{ position:absolute; border:5px solid rgba(255,255,255,0.1); box-shadow...
分类:
Web程序 时间:
2014-09-09 15:08:38
阅读次数:
256
水平居中:内联元素:text-align:center;相对于父级居中显示块级元素:margin:0 auto;但是需要同时width,否则无法看到效果多个块级元素居中:在此想要探讨一下display:inline-block;和display:flex;方法1:在父级上设置text-align:c...
分类:
Web程序 时间:
2014-09-09 10:52:48
阅读次数:
260
盒模型的四要素:content(内容)、border(边框)、padding(内边距)、margin(外边距)。页面当中的每一个元素都会被看做是一个矩形框,这个框有内容、内边距、边框、外边距组成。1.盒模型的四要素分别指什么?内边距出现在内容区域的周围,如果在元素上添加背景,那么背景会应用于内容和内...
分类:
Web程序 时间:
2014-09-07 21:06:35
阅读次数:
434
相信很多朋友在写CSS的时候都会遇到过这样的问题:英文字母和汉字的行高不一样,导致在全汉字、全英文字母以及汉字字母混合时设置好的margin或 padding 属性出现偏差。 当然这种情况之存在于IE浏览器,Safari、Google Chrome、Firefox、Opera均不存在类似的问题。 产...
分类:
Web程序 时间:
2014-09-06 18:37:33
阅读次数:
286
ele.offsetLeft的取值,如果ele是body的直接子元素,那么ele.offset的取值就是ele距离body左侧的距离。 但是如果ele不是body的直接子元素,中间还有其他元素,而且中间元素存在margin边距值,在相对高级的浏览器和...
分类:
其他好文 时间:
2014-09-05 23:56:02
阅读次数:
428
1.form不换行通过table布局实现 2.form不换行通过css实现无标题文档 aaa aaaform{margin:0px; display:inline}3.两个div并排css两个div并排 左右
分类:
Web程序 时间:
2014-09-04 22:09:20
阅读次数:
282
1.display:inline-block这个熟悉比较常用,但是IE浏览器的兼容就不好,IE浏览的兼容办法:*display:inline; zoom:1;2.margin:0 auto;水平居中,单在IE中无效,兼容方法:需要在居中的层的父类中加上*text-align:center;3.IE兼...
分类:
其他好文 时间:
2014-09-04 19:00:59
阅读次数:
205
/*公用css*/html,body{ margin:0; padding:0; text-align:center; font-size:12px; color:#45484b;}input,button,select,textarea{ outline:none;}textarea{resize...
分类:
Web程序 时间:
2014-09-04 14:37:29
阅读次数:
218
transform:rotate在手机上显示有锯齿
解决方案也很简单, 利用外层容器的overflow:hidden 加上图片margin:-1px 就可以解决。
分类:
移动开发 时间:
2014-09-04 10:28:29
阅读次数:
223