div水平垂直居中问题 2017/02/16 | HTML5/CSS3 | WGinit | 暂无评论 | 489 views 来,直接来吧,, 一、如果是文字居中: <div class="center"><span>hello</span></div> 则css:<style>.center { width:200px; height:100px; text-align:center; line-height:100px}</style> 这就实现了水平垂直居中,如图: 二、如果是div居中: <div class="wrap"><……
10个不错的css hover效果 2017/02/16 | HTML5/CSS3 | WGinit | 1 条评论 | 524 views 公共部分代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>hover效果</title> <style type="text/css" media="screen"> body {margin: 0;height: 0;background-color: #F1F1F1;} .warp {width: 250px;height: 150px;background-color: #5e7c8……
web前端开发页面优化 2017/02/16 | 前端开发 | WGinit | 暂无评论 | 403 views 前端的性能对于一个Web应用来说非常重要,如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应,那么产品的用户体验将会极大地提升。(网站杜绝白屏) 以下为前端优化优化方案: (1) 减少http请求次数:css spirit,data url // +去除网站中死链和没用的链接 (2) JS,CSS源码压缩 ……
JS动态计算移动端rem 2017/02/16 | Javascript | WGinit | 暂无评论 | 421 views 随着互联网的发展,wap端的浏览量已超过了PC端,每个浏览器默认的字体大小也不一样,为了提高用户在咯浏览终端的体验度,就不得不用css3 的rem了。 rem的取值是相对于根元素<html>,这样就意味着,我们只需要在根元素确定一个参考值,在根元素中设置多大的字体,这完全可以根据您自己的需求来定了。下表为常用的px……