html页面制作特殊技巧

1.文字竖直居中对齐

1 把height和line-height设置为相同（文字只有一行）
2 用padding-top

2.块水平居中

margin:auto;

3.块内块相对位置

把父级块设置为position:relative;
内部块设置为position:absolute;left:....;top:...;

4.动态设置块和屏幕最大宽度相同。

在页面最外层设置div -width:100%
获取元素的offsetWidth动态设置给新元素

5.画圆

div 的宽高设定为相同，并且broder-radius:90%;

6.before与content

.info_add:before{
    content:"|";
}
在所有应用info_add的元素前增加|。

7.图片的悬浮动态效果

.img_slide{
    margin-left:0em;
}
.img_slide:hover{
    margin-left:-2em;
    transition:all 1s ease;
}

8.一些个性化显示效果的库

awesomefont
animation.css
google官方提供大量自定义字体