码迷,mamicode.com
首页 >  
搜索关键字:margin    ( 11204个结果
scrollTop clientTop offsetTop scrollHeight clientHeight clientWidth的区别及用法
这几个属性做滚动时会经常用到,现总如下: 首先定义一个div,样式如下: *{ margin:0px; padding:0px;} body{ margin:0px; padding:10px; border:solid 10px #69F;} .aa{ margin:20px auto 0px; width:100px; height:50px; overflow:auto; bor...
分类:其他好文   时间:2014-08-23 14:01:00    阅读次数:163
css初始化代码
腾讯QQ官网(http://www.qq.com)样式初始化 body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px"宋体","Arial Narrow",HELVETICA;background:#fff...
分类:Web程序   时间:2014-08-22 17:58:19    阅读次数:291
前端精选文摘:BFC 神奇背后的原理
介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)一、BFC是什么? Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,决定了这个 Box ...
分类:其他好文   时间:2014-08-22 17:46:29    阅读次数:300
【css基础】垂直外边距的合并
近期在重温《CSS权威指南》,还是想把基础再打坚固点,如今对垂直外边距的合并问题进行简单总结。1. 两个块级元素的外边距都大于0时,取那个最大值作为两个块级元素的垂直边距请看以下一个小样例,效果图例如以下:红色的块margin-bottom为30px; 黄色的块的margin-top: 20px;最...
分类:Web程序   时间:2014-08-22 12:50:18    阅读次数:214
HTML中CSS的高级应用
水平对齐:margin:水平对齐,{ margin:auto; margin-left:auto; margin-right:auto;}position:左右对齐,对齐元素的方法之一是绝对定位。{ position:absolute;}float:左右对齐{ float:r...
分类:Web程序   时间:2014-08-22 10:38:26    阅读次数:193
【微信公众平台开发】微信幸运大转盘
需要js插件: jquery jQueryRotate.2.2.js jquery.easing.min.js 前端显示代码: 幸运大转盘 body,div,img {margin:0; padding:0; border:0 none;} #bg {background:url(img/bodybg.jpg) rep...
分类:微信   时间:2014-08-21 19:25:44    阅读次数:477
浏览器兼容性问题小汇总
这是网上搜索的一些关于兼容性的资料浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。碰到频率:100%解决方案:CSS里 *{margin:0;padding:0;}备注:这个是最常见的也是最易解决...
分类:其他好文   时间:2014-08-21 18:53:54    阅读次数:237
html图片自适应屏幕大小(手机)
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul { margin: 0; padding: 0}body { min-w...
分类:移动开发   时间:2014-08-21 14:51:24    阅读次数:666
HTML中CSS的框模型
1.框模型概述: 术语翻译element : 元素。padding : 内边距,也有资料将其翻译为填充。border : 边框。margin : 外边距,也有资料将其翻译为空白或空白边。在 w3school,我们把 padding 和 margin 统一地称为内边距和外边距。边框内的空白是内边距.....
分类:Web程序   时间:2014-08-21 14:38:34    阅读次数:245
jquery 实现导航栏滑动效果
精简的代码实现导航栏滑动效果,实现详解:1.滑块位置:通过父节点position=fixed,子节点position=absolute方式,实现子节点浮动;2.导航栏居中:通过left=0px,right=0px,margin-left=auto,margin-right=auto实现;3.通过jQ...
分类:Web程序   时间:2014-08-21 13:20:44    阅读次数:233
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!