随笔分类 -  css

兼容IE8
摘要：由于IE8不支持HTML5，而它又是Win7的默认浏览器，我们即使讨厌它，在这几年却也拿它没办法。 最近做了个需要兼容IE8的项目，不可避免地用了HTML5+CSS3，甚至canvas和svg，做兼容工作的时候不仅叫苦不迭。一个项目下来后，倒是收集了一些志于让HTML5兼容IE8的库，还有一些零散的 阅读全文
posted @ 2017-09-04 16:17 峰SirLee 阅读(342) 评论(0) 推荐(0)
Flex布局新旧混合写法详解（兼容微信）
摘要：flex是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了（虽然现在还有很多不支持 flex 的浏览器）。然而国内很多浏览器对 Flex 的支持都不是很好，这里针对微信内置浏览器写了一套兼容写法。下面入正题。 首先还是从两个版本的语法开始讲吧，这里 阅读全文
posted @ 2017-08-10 17:49 峰SirLee 阅读(316) 评论(0) 推荐(0)
:before 和 :after
摘要：层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。  你一定听说过这个词，尤其是当你一直关注着我们的教程。点此浏览原作者的其他文章 事实上，的确有一些C 阅读全文
posted @ 2017-08-10 17:43 峰SirLee 阅读(382) 评论(0) 推荐(0)
em与rem
摘要：PX:PX实际上就是像素，用PX设置字体大小时，比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，如果改变了浏览器的缩放，这时会使用我们的Web页面布局被打破。这样对于那些关心自己网站可用性的用户来说，就是一个大问题了。因此，这时就提出了使用“em”来定义Web页 阅读全文
posted @ 2017-08-01 15:25 峰SirLee 阅读(162) 评论(0) 推荐(0)
css3
摘要：CSS3 模块包括：选择器框模型背景和边框文本效果2D/3D 转换动画多列布局用户界面******************************************************************************border-image:url(border.png) 阅读全文
posted @ 2017-07-30 11:02 峰SirLee 阅读(93) 评论(0) 推荐(0)
浮动
摘要：一、浮动产生原因 一般浮动是什么情况呢？一般是一个盒子里使用了CSS float浮动属性，导致父级对象盒子不能被撑开，这样CSS float浮动就产生了。 浮动产生样式效果截图 本来两个黑色对象盒子是在红色盒子内，因为对两个黑色盒子使用了float浮动，所以两个黑色盒子产生了浮动，导致红色盒子不能撑 阅读全文
posted @ 2017-07-30 11:00 峰SirLee 阅读(143) 评论(0) 推荐(0)
flex布局
摘要：网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种 阅读全文
posted @ 2017-07-29 22:31 峰SirLee 阅读(545) 评论(0) 推荐(0)