| 只用div+CSS做淘宝手机端首页 | 您所在的位置：网站首页 › 手机网页设计制作网站推荐哪个 › 只用div+CSS做淘宝手机端首页 |
只用div+CSS做淘宝手机端首页
|
div+CSS教你做出淘宝手机端首页
为什么只用div做网页网页代码网页效果展示需要更全面的SEO优化网站软件工具及软件操作文档可以联系博主，会有更详细的教程，系统的帮助您的网站关键词40天上百度首页博主微信在下面，欢迎来扰
为什么只用div做网页
因为div页面兼容效果是最好的，而且前端所有样式都可以用div+CSS展示出来的，其实根本不必用什么li、ul、h等等标签，这些乱起八糟的标签，记起来不仅麻烦，还容易记混，而且说不定什么时候又在哪个浏览器不兼容，显示排版又出现变形。在这里不要有错误认识，人为什么代码复杂的页面才是好的，其实通过最通用简单的代码实现要有的功能才是最好的，这样搜索引擎也愿意收录您的页面。 网页代码 Taobao
我的淘宝
天猫
聚划算
淘抢购
淘热卖
一淘秒杀
天猫国际
天猫超市
大额券
分类
连衣裙
|
沙发
|
窗帘
|
衬衫
男内裤
|
抱枕
|
电脑椅
|
牛仔裤
# 网页代码CSS部分 这里要注意手机页面与pc页面最主要的区别是宽度要用百分比来表示，高度一般自适应就好，不用特意去设置，有时候去设置高度反而出现页面变形，这样页面就可以适应手机屏幕的大小。
body { background: #f6f6f6; } .all{width: 100%;margin: 0 auto; } .headAll{width: 100%;background: #ff3e3e;float: left; } .head1{ float: left;width: 6%; } .head1 img{width: 100%} .head2{ float: left;width:26.2%;height: 50px; } .head3{ float: left;width: 4%;height: 50px; } .head4{ float: left;width: 100%;height: 1.5em; } .head5{ width: 25%;float: left; } .head5 img{width: 100%; } .search{ float: left;width: 100%;height: 5em;background: #ff3e3e;text-align: center; } .search input{ width: 93%;height: 90%;background: #ff6064;border-radius: 45px; border: 1px solid #ff9ca5;margin:0 auto;text-align: center;color: #ffdcd2;font-size: 2.1em; } .banner{ width: 100%;float: left;text-align: center; } .nav{ width: 100%;float: left } .nav1{ width: 20%;float: left;text-align: center } .nav1 img{ width: 80% } .nav2{ width: 100%;text-align: center;font-size: 2.1em } .nav3{ float: left;width: 100%;height: 1em; } .mainBodyHead{ float: left;width: 100% } .mainBodyHead img{ float: left;width: 100% } .mainBody2{ float: left;width: 100% } .mainBody1{ float: left;width: 50% } .mainBody1 img{float: left;width: 100%} .mainBody3{float: left;width: 25%;text-align: center;font-size: 2.1em} .mainBody4{float: right;font-size: 1.1em;color: #d8d8d8} 网页效果展示
|
【本文地址】
| 今日新闻 |
| 推荐新闻 |
| 专题文章 |