随笔分类 -  css3

摘要：/**rest by 2016/05/04 */ * {box-sizing: border-box;} *:before,*:after {box-sizing: border-box;} body {margin: 0;} body {font-size: 14px; line-height: 1.42857143; color: #333;} html { font-family: san... 阅读全文

摘要：在CSS布局中float属性经常会被用到，但使用float属性后会使其在普通流中脱离父容器，让人很苦恼 1 浮动带来布局的便利，却也带来了新问题 我们希望看到的效果是这样的 但结果却是这样的 父容器并没有把浮动的子元素包围起来，俗称塌陷，为了消除这种现象，我们需要一些清除浮动的技巧。 2 如何清理浮 阅读全文

摘要：Autoprefixer解析CSS文件并且添加浏览器前缀到CSS规则里，使用Can I Use的数据来决定哪些前缀是需要的。 所有你需要做的就是把它添加到你的资源构建工具（例如 Grunt）并且可以完全忘记有CSS前缀这东西。尽管按照最新的W3C规范来正常书写你的CSS而不需要浏览器前缀。像这样： 阅读全文

摘要：opacity 背景透明，文字不透明使用opacity后整个模块都透明了，展现如下：那么使用opacity实现《背景透明，文字不透明》是不可取的。 阅读全文

摘要：使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望对童子们有些许的帮... 阅读全文

摘要：html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0;}fieldset, img { border: medium non... 阅读全文

摘要：@charset "utf-8";/* CSS Document */body{background:#f2f2f2;font-family:Segoe UI,"Microsoft Yahei" !important;}html a{outline:none;blr:expression(this.... 阅读全文

摘要：昨天中午Google进行了一次在线讲座，讲述自适应网页设计的概念和方法，维护同一个网页代码，即可使网站在多种浏览设备（从桌面电脑显示器到智能手机或其他移动产品设备）上具有更好的阅读体验，这里我将该讲座内容简要的整理一下1、在HTML头部增加viewport标签。 在网站HTML文件的开头，增加v... 阅读全文