您的位置：首页 > Web前端 > HTML

html页面制作特殊技巧

2017-04-09 19:33 453 查看

ad99

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官方提供大量自定义字体

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html

相关文章推荐

新的分享

章节导航