学习日记day7:代码结构规范

网页布局技巧
本文分享了网页布局中的几个实用技巧,包括合理使用绝对定位与相对定位、简化代码结构、优化字体样式类的应用及遵循切图原则等内容,帮助开发者提高网页布局效率。

1:绝对定位不是随便用的。

2:一定要用相对定位控制文档流,在相对定位里面使用绝对定位控制具体的位置。

3:代码结构尽量简化。

    不要加不必要的span;

   不要加不必要的类;

4:控制字体样式的类尽量写在父级元素。除非是a元素。

5:切图的原则:切的图尽量是代码容易编写,代码尽量完美实现设计图。

    列表logo型的,要统一logo图片大小,不仅方便切图,而且代码实现简单。

   PS操作步骤:

    多选中各logo图层(不是选中logo图层组哦)。选中矩形选择框选中图层,切换到移动工具,点击垂直居中。

   新建PSD面板,宽度为logo中最大的宽度的升10,如最大宽度35,则设为40,高度同理。

   关键步骤图如下:

   

转载于:https://www.cnblogs.com/fengluzheweb/p/5479371.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值