随笔分类 -  html

前端知识
h5 移动端适配最佳实践
摘要：移动端适配的方案需要根据具体的业务场景进行选择，工作中接触最多的是一些h5活动页、落地页等，这些页面在大小屏手机上的展示要求大小屏无差异，那么就针对以上要求进行项目整体的适配是最合适不过的。 如果是大屏手机展示更多的内容，并不着重于放大展示的话，外层布局使用vw，%，flex，内层直接px的混合适配 阅读全文
posted @ 2024-10-29 13:26 上官靖宇 阅读(112) 评论(0) 推荐(0) 编辑
Emmet 插件快速生成html结构
摘要： 阅读全文
posted @ 2020-08-31 10:35 上官靖宇 阅读(176) 评论(0) 推荐(0) 编辑
淘宝返回顶部
摘要：#btn { width:40px; height:40px; position:fixed; left:50%; margin-left:610px; bottom:30px; background:url(http://img.mukewang.com/535e0dc100010e9c00400080.jpg) no-repeat ... 阅读全文
posted @ 2016-09-20 22:07 上官靖宇 阅读(755) 评论(0) 推荐(0) 编辑
混合布局
摘要：top right left foot body{ margin:0; padding:0; font-size:30px; color:#fff} .top{width:960px;height:50px; margin:0 auto;background:#ccc;} .main{width:960px;height:300px; margin:0 auto;b... 阅读全文
posted @ 2016-09-20 21:47 上官靖宇 阅读(158) 评论(0) 推荐(0) 编辑
css布局使用定位和margin
摘要：<body> <div class="left">left</div> <div class="main">设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。 虽然动态网页技术的发展使得我们开始趋向于学习场景编剧，但是固定的网页版面设计基础依 阅读全文
posted @ 2016-09-20 21:22 上官靖宇 阅读(3) 评论(0) 推荐(0) 编辑
ul li 好友列表
摘要：<div class="col-md-4 mt"> <div class="friend-list"> <h4 class="title" id="fri-title"><i class="fa fa-angle-down" id="i-icon"></i>选择收件人</h4> <ul class= 阅读全文
posted @ 2016-08-29 17:12 上官靖宇 阅读(652) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示