PC端页面排版,移动端页面排版,代码优化,类名可表位置,举个例子后头部可以分为存放logo和存放导航条两部分。这两个部分我就会使用head_1、head_2来表示,然后在存放logo的部分有可能分为左右一边是logo一边是广告或者搜索栏,我就会起名为:head_1_left、head_1_right来表示。这样子的css代码有时候我们在修改也无需翻到html页面看,直接按照样式的名字就可以看出来了。
驴友手机端页面排版,PC端可做淘宝京东的顶类型排版!代码的层次感和规划让你代码看上去更加舒服,因为一个页面做出来可以给客户看得舒服也能给自己看得舒服。我自己比较喜欢使用同级换行,下级换行退格的方法。例如一个网页的头部可以分为上部分和导航条部分,然后上部分分为左右。我们可以和容易看出,上下部分这两个div是同级的,而左右的div是下级的,代码如下:
<div class="head_1">
<div class="head_1_left"></div>
<div class="head_1_right"></div>
</div>
<div class="head_2"></div>
至于规划这一方面就是css的代码放到css文件里面,js代码放到js代码里面,而不实用嵌入式和捆绑式的书写方法。
模拟移动排版,上拉加载,下拉刷新,功能完善,模拟美团移动段排版,可实现动态效果,功能pc排版放大镜等原生js动态技能!!
完成模拟美团页面排版,上拉加载,下拉刷新等功能完善,pc端放大镜等小技能,面向对象原生js等,可兼职制作!