摘要: 外边距重叠就是margin-collapse。 在CSS当中,相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距。 折叠结果遵循下列计算规则: 两个相邻的外边距都是正数时,折叠结果是它们两者之间较 阅读全文
posted @ 2016-11-03 17:02 seedsman 阅读(371) 评论(0) 推荐(0) 编辑
摘要: 块级元素(block)特性:总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示; 阅读全文
posted @ 2016-11-03 17:00 seedsman 阅读(617) 评论(0) 推荐(0) 编辑
摘要: Css实现一个简单的幻灯片效果页面 阅读全文
posted @ 2016-11-03 16:58 seedsman 阅读(1706) 评论(0) 推荐(0) 编辑
摘要: 针对不同的浏览器写不同的CSS code的过程,就是CSS hack。 示例如下: 1 2 3 4 5 6 7 8 9 10 11 12 #test { width:300px; height:300px; background-color:blue; /*firefox*/ background- 阅读全文
posted @ 2016-11-03 16:56 seedsman 阅读(2079) 评论(0) 推荐(0) 编辑
摘要: 被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A(link,visited,hover,active) 阅读全文
posted @ 2016-11-03 16:54 seedsman 阅读(4324) 评论(0) 推荐(0) 编辑
摘要: 最基本的: 设置display属性为none,或者设置visibility属性为hidden 技巧性: 设置宽高为0,设置透明度为0,设置z-index位置在-1000 阅读全文
posted @ 2016-11-03 16:53 seedsman 阅读(489) 评论(0) 推荐(0) 编辑
摘要: 派生选择器(用HTML标签申明) id选择器(用DOM的ID申明) 类选择器(用一个样式类名申明) 属性选择器(用DOM的属性申明,属于CSS2,IE6不支持,不常用,不知道就算了) 除了前3种基本选择器,还有一些扩展选择器,包括 后代选择器(利用空格间隔,比如div .a{ }) 群组选择器(利用 阅读全文
posted @ 2016-11-03 16:51 seedsman 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达 阅读全文
posted @ 2016-11-03 16:34 seedsman 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 从IE6开始,引入了Standards模式,标准模式中,浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。 在IE6之前CSS还不够成熟,所以IE5等之前的浏览器对CSS的支持很差, IE6将对CSS提供更好的支持,然而这时的问题就来了,因为有很多页面是基于旧的布局方式写的,而如果IE6 支持CSS则将令这些页面显示不正常,如何在即保证不破坏现有页面,又提供新的渲染机制呢? 阅读全文
posted @ 2016-11-03 15:54 seedsman 阅读(557) 评论(0) 推荐(0) 编辑
摘要: 对于前端开发工作人员来说,不管是在实际的开发中,还是在面试中 ,我们不得不需要了解知道市面上的浏览器类型及浏览器所使用的内核,因为只有知道了这些知识,我们才会知道怎么才能正确的做浏览器兼容。 阅读全文
posted @ 2016-11-03 15:50 seedsman 阅读(2565) 评论(0) 推荐(0) 编辑