摘要：前言 工作以后，大部分的业务工作都是基于移动端H5的，开发过程中学习了很多东西，遇到过许多问题，诸如rem\em\css px\device px等，本文纯属个人的归纳总结，如有问题，请指出亲喷~ PC端 本文主要是讲解移动端的响应式布局， 但是在真正进入之前， 先了解一些概念。 device px 阅读全文

摘要：在不同的浏览器商中，如果没有设置字体，由各浏览器实现默认字体的话，会造成比较大的差异。 如Firefox下的默认字体要比Chrome下的默认字体要大。 在同样设置font-size = 21px的情况下，Firefox大约为29px，而Chrome为21px。 所以，最好在body下设置字体font 阅读全文

摘要：源代码： 运行图： 1.使用表格法： 运行图： 缺点：子元素的会撑满父元素。 2.绝对定位计算:对子元素使用绝对定位，并分别移动上左50%，再分别margin-top:-50%height px,margin-left:-50%width px; 运行图： 缺点：需要对子元素的宽高固定，并且绝对定位 阅读全文

摘要：1.添加Icon在标题前： 假设要在站点的每个标题上添加一个icon，可以采用如下代码： 运行结果如下： 实现的原理即将内容添加padding属性，再将图片放置在该位置。 在使用背景图像进行定位时，也可以用像素或者百分比，两者有所不同。 像素为图片的左上角距离元素的左上角的距离。 百分比则为使用对应 阅读全文

摘要：CSS中有三种基本的定位机制：普通流，浮动和绝对定位。 1.相对定位：relative 如果对一个元素进行相对定位，它将出现在它所在的位置上，然后可以通过设置垂直或者水平位置，让这个元素“相对于”它原来的位置进行移动，这时元素依然占据原来的位置，但移动后会覆盖其他的元素，可以通过z-index属性来 阅读全文

摘要：盒模型是CSS的基石之一，页面的每一个元素都被看作一个矩形框，分别由外边距，边框，内边距，内容组成， 在CSS中，width和height的值指的是内容的宽高，增加外边距，边框，内边距并不会对内容造成影响，但是会增加整体的元素框的尺寸，假设10元素的外边距，5元素的内边距，那么要使框达到100元素， 阅读全文