在招聘的时候，经常会碰到一些人给你投递简历，打电话过去得知情况是他/她是自学的div/css，也有的是做过一段时间div/css，让他/她发几个项目过来看看，若看抛开细节外观，还算马马虎虎，当然我知道看代码肯定是不规范的。然后我给一个以前项目PSD给他/她做一下，只有一个要求就是代码一定要规范，然后奇怪的事情就发生了...他/她居然不知道怎么下手了。我想这也是当下很多所谓web前端的...

方法一：使用定位属性设置父元素为相对定位，给子元素设置绝对定位，left:50%;top:50%;transform:translateX(-50%)translateY(-50%);方案二：使用flex布局实现设置父元素为flex定位，justify-content:center;align-items:center;6.BFC的布局规则，实现原理，可以解决的问题BFC直译为块...

行内元素水平居中：首先看它的父元素是不是块级元素，如果是，则直接给父元素设置text-align:center;如果不是，则先将其父元素设置为块级元素，再给父元素设置text-align:center;块级元素水平居中(定宽度)：1）需要谁居中，给其设置margin:0auto;（作用：使盒子自己居中）2)首先设置父元素为相对定位，再设置子元素为绝对定位，设置子元素的left:5...

1）、static定位(普通流定位)--------------默认定位2）、float定位(浮动定位)例：float:left;有两个取值：left(左浮动)和right(右浮动)。浮动元素会在没有浮动元素的上方，效果上看是遮挡住了没有浮动的元素，有float样式规则的元素是脱离文档流的，它的父元素的高度并不能有它撑开。3）、relative定位(相对定位)position:relati...

伪类的例子有：:hover:active:first-child:visited等。伪元素的例子有：:first-line:first-letter:after:before伪类和伪元素的根本区别在于：它们是否创造了新的元素(抽象)。从我们模仿其意义的角度来看，如果需要添加新元素加以标识的，就是伪元素，反之，如果只需要在既有元素上添加类别的，就是伪类。伪元素在一个选择器里只能出现一次，并且只能出现...

list-style、list-style-type、list-style-position、list-style-image/*定义字符集*/@charset"utf-8"/*导入css文件*/@import"base.css"/*自定义字体*/@font-face{}/*声明CSS3animation动画关键帧*/@keyframesfadeIn{}/*媒体查询*/@media{}

display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、top、bottom、left、right、z-index、float、clear、table-layout、vertical-align、page-break-afte...