技术文章分类(180)

技术随笔(11)

文章分类 -  css

css实现的tab切换（用a href跳转实现的假象，一般用于目录对应于内容的跳转）
摘要：1 2 3 1 2 ... 阅读全文
posted @ 2014-06-06 18:22 坤哥MartinLi 阅读(335) 评论(0) 推荐(0) 编辑
常见浏览器兼容性问题与解决方案
摘要：常见浏览器兼容性问题与解决方案(以下方案尚未全部测试完，初步估计应该都是正确的)所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户 用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览... 阅读全文
posted @ 2014-05-28 09:21 坤哥MartinLi 阅读(131) 评论(0) 推荐(0) 编辑
display:inline-block的使用情况
摘要：display:inline;内联元素，不能设置height和width；display:block;块状元素，独占一行，可以设置height和widthdisplay:inline-block;既可以设置height和width，也不会独占一行，经常会使用。 阅读全文
posted @ 2014-05-05 11:29 坤哥MartinLi 阅读(114) 评论(0) 推荐(0) 编辑
html元素实现多个class共同调控元素属性
摘要：在元素class里面继承多个classname，用空格分隔即可 这里注意：写在后面优先级高。 .parentDiv{width:60%;background-color: #00ff00;} .tableCell{width: 90%;}这里也是：写在后面的优先级高 阅读全文
posted @ 2014-05-05 09:01 坤哥MartinLi 阅读(483) 评论(0) 推荐(0) 编辑
子DIV块中设置margin-top时影响父DIV块位置的解决办法(外边距折叠（Collapsing Margins）)
摘要：解决办法有很多,推荐下面一种：在父级元素设置:overflow:hidden;其他解决办法：1、父级或者自己设置float2、父级设置border-top3、自己设置position:relative; top:4、display:inline-block;（IE7以下不支持）5、padding:1... 阅读全文
posted @ 2014-04-20 22:14 坤哥MartinLi 阅读(262) 评论(0) 推荐(0) 编辑
div居中各种尺寸的image
摘要：1、代码title ... 阅读全文
posted @ 2014-04-09 12:10 坤哥MartinLi 阅读(335) 评论(0) 推荐(0) 编辑
css控制div上下左右居中
摘要：1、代码复制可直接看到效果。有三种效果： div上下左右都居中(table-cell) div左右居中(text-align) span文字上下左右居中(line-height) 垂直，左右居中 左右居中 ... 阅读全文
posted @ 2014-03-21 10:55 坤哥MartinLi 阅读(405) 评论(0) 推荐(0) 编辑