看看我都干了些啥！

文字过多时出现省略号的CSS   width:200px;overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;

Div中的Div们排一行   display: inline-flex;  

Div 椭圆边     -webkit-border-radius: 1rem; -moz-border-radius: 1rem;

Div内垂直方向位置调整     vertical-align: super;

css 颜色渐变线条 中间向两边 中间粗两边细   参考： https://segmentfault.com/q/1010000006961164     <div class="hr-line-div"></div> .hr-line-div{ margin:0 auto; height: 1rem; width: ...

text-align:center设置居中不起作用   参考：http://www.imooc.com/qadetail/94156   text-align只是让文字元素居中，margin：auto是让整个边框加文字居中  

css3 background-size缩放大小     cover：保持图像的宽高比例，将图片缩放到正好完全覆盖定义的背景区域，其中有一边和背景相同。   .div{ width:160px; height:120px; border:1px solid #ccc; padding:10px; background-image:url(bg.jpg); backgroun...

CSS3 Flex布局   参考： http://www.cnblogs.com/myzhibie/p/4318904.html      

CSS 弹层效果 参考：https://segmentfault.com/a/1190000006108996    当前页面div半透明遮罩效果： .div-hide{ filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5; }   弹出层div居中对齐： .pop-div{ display: none; marg...

CSS button 圆边   美工给的背景图片是带圆边的，拿它来做按钮的背景图片，并且可以对button的大小进行大小调整，只修改DIV大小即可，不会出现只展示某一两个圆角的情况，4个圆角同时会进行缩放。   div的样式如下：   .my-button-div{ background: url("<%=basePath%>/static/images/bg-red...

CSS div斜线倾斜45度   div的样式：   .line-div{ width: 12rem; height: 4rem; border-bottom: 0.15rem solid #dcdcdc; /* border: 2px solid #000000; */ position: absolute; text-align: center; margin-left...

CSS 背景图片水平平铺   美工切的细长的图，水平平铺作为背景 body { margin: 0; background:url("<%=basePath%>/static/images/background.png") repeat-x 0 0; }

CSS3 @font-face网页中的字体   参考： http://www.w3cplus.com/content/css3-font-face http://jingyan.baidu.com/article/6d704a13fbe61828db51cab2.html http://www.alixixi.com/web/a/2015051294742.shtml http:/...

HTML实体符号代码速查表   http://www.cnblogs.com/kiter/archive/2011/08/05/2128309.html

Div 居中   text-align:center; margin:0 auto;