div+css - 随笔分类 - toodeep

浮动在IE6,7下的一些问题

摘要：1、首先如果两个元素要并在同一行，使用float最好两个都加浮动2、IE6下双边距问题，当有块级元素浮动的时候，该元素的横向margin值会被放大为两倍，解决办法：给该元素加display：inline即可。3、li的一些问题a:如果有两列布局，我们仅仅给右边加有浮动，在IE6,7下会折行，解决办法... 阅读全文

posted @ 2015-06-13 19:21 toodeep 阅读(206) 评论(0) 推荐(0)

复习浮动和清浮动

摘要：仅仅为了自己复习，勿喷！首先看看inline-block的特性：1、块级元素能在一排显示。2、内联支持宽高。3、默认内容撑开宽度。4、标签之间的换行被解析。5、在IE6,7下，不支持块标签的inline-block。再来看看float浮动的特性：1、块级元素能在一排显示。2、内联支持宽高。3、默认内... 阅读全文

posted @ 2015-06-13 14:28 toodeep 阅读(176) 评论(0) 推荐(0)

css3的一些盒模型属性和分栏布局，响应式布局

摘要：本人一切博客，仅当笔记所用，无任何高深见解，勿喷！css3 倒影box-reflect 倒影参数依次为 direction 方向 above|below|left|right; 距离渐变（可选）看代码吧无标题文档可以很轻松模拟镜子的效果resize 自由缩放 Both 水平垂直都可以缩放 Hor... 阅读全文

posted @ 2015-05-31 22:49 toodeep 阅读(920) 评论(0) 推荐(0)

css3弹性盒模型

摘要：还是那句话，学了过不了多久就忘了，所以本人仅仅只是当个笔记的作用，没有什么高深的见解，勿喷！这次该给css3中的弹性盒模型做做笔记了插入一段代码test-self 1 2 3 4 5如上所示，给父元素加display:box或diaplay:inline-box即可用弹... 阅读全文

posted @ 2015-05-31 22:36 toodeep 阅读(178) 评论(0) 推荐(0)

css3 @font-face

摘要：学了就忘，该记录一下了字体下载网址：http://www.dafont.com http:www.google.com/webfonts用法：@font-face { font-family: 'zwl'; src:url('fonts/zwllll.eot') format('eot'), u... 阅读全文

posted @ 2015-05-26 21:20 toodeep 阅读(110) 评论(0) 推荐(0)

css3-3d

摘要：学完css3-3d变化有两个星期了，最近忙点其他的事，一直忘了写博客。本人系属前端攻城的新手，很多不懂的地方希望得到帮助。3d变换首先要知道的这是哪个属性transform-style（preserve-3d）建立3D空间//在需要进行3d变换的dom元素上加这个属性Perspective 景深/... 阅读全文

posted @ 2015-05-02 16:04 toodeep 阅读(161) 评论(0) 推荐(0)

css3-2d变换

摘要：transform:需要加内核前缀：Transform 执行顺序问题 — 后写先执行-webkit-transform:rotate(0deg) scale(1.2);-moz-transform:rotate(0deg) scale(1.2);-o-transform:rotate(0deg) s... 阅读全文

posted @ 2015-03-24 13:48 toodeep 阅读(183) 评论(0) 推荐(0)

css3-transiton

摘要：transition.box{width:100px;height:100px;background:red; transition:1s width,2s height,3s 3s background;}.box:hover{width:500px;height:300px;background... 阅读全文

posted @ 2015-03-24 13:18 toodeep

css3照片墙

摘要：主要用到的css3技术：1.box-shadow:-webkit-box-shadow: 15px 15px 20px rgba(50, 50, 50, 0.4); -moz-box-shadow: 15px 15px 20px rgba(50,50,50,0.4); box-shadow: 15p... 阅读全文

posted @ 2015-03-23 19:01 toodeep

用css制作三角形

摘要：.triangle_up {width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #ca0309;border-left:4px so... 阅读全文

posted @ 2015-03-14 12:30 toodeep 阅读(157) 评论(0) 推荐(0)

清浮动

摘要：11 阅读全文

posted @ 2015-03-14 12:18 toodeep 阅读(122) 评论(0) 推荐(0)

IE67下浮动元素margin-bottom值失效问题

摘要：无标题文档上面的css代码中如果给div1加margin-bottom是没用的，解决办法就是给div1的父级家padding-bottom 阅读全文

posted @ 2015-03-14 12:15 toodeep 阅读(179) 评论(0) 推荐(0)

css圆角

摘要：无标题文档阅读全文

posted @ 2015-03-14 11:33 toodeep 阅读(140) 评论(0) 推荐(0)

css3渐变

只有注册用户登录后才能阅读该文。

posted @ 2015-03-14 11:24 toodeep 阅读(8) 评论(0) 推荐(0)

随笔分类 - div+css