这几个属性做滚动时会经常用到,现总如下:
首先定义一个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
腾讯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 的一些用处(如清浮动,防止 margin 重叠等)一、BFC是什么? Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,决定了这个 Box ...
分类:
其他好文 时间:
2014-08-22 17:46:29
阅读次数:
300
近期在重温《CSS权威指南》,还是想把基础再打坚固点,如今对垂直外边距的合并问题进行简单总结。1. 两个块级元素的外边距都大于0时,取那个最大值作为两个块级元素的垂直边距请看以下一个小样例,效果图例如以下:红色的块margin-bottom为30px; 黄色的块的margin-top: 20px;最...
分类:
Web程序 时间:
2014-08-22 12:50:18
阅读次数:
214
水平对齐: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
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
1.框模型概述: 术语翻译element : 元素。padding : 内边距,也有资料将其翻译为填充。border : 边框。margin : 外边距,也有资料将其翻译为空白或空白边。在 w3school,我们把 padding 和 margin 统一地称为内边距和外边距。边框内的空白是内边距.....
分类:
Web程序 时间:
2014-08-21 14:38:34
阅读次数:
245
精简的代码实现导航栏滑动效果,实现详解: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