新手面对网页该如何下手

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了新手面对网页该如何下手相关的知识,希望对你有一定的参考价值。

很多新手拿到网页不知道如何下手,我来帮大家分析一下:

1 .打开markman将宽高及每个元素之间的像素测量出来

2.分析网页,每个部分由哪几部分组成,因为网页皆为框,首先分为哪几大块,大块里面分为哪几小块,如果单纯的插入图片或者排排坐的链接可以使用table或者ul

3.分析完之后将网页分为nav,content,footer三个部分,将大DIV分别插入,因为要做到像素级还原,所以尽量别用到边框像素,边框像素也会影响到定位,排版最好用到填充背景颜色,将大板块分出来

4.在大板块中加入小板块,然后用margin或者padding定位(定位数值已经用markman测量出来了)。

5.最后在相应的板块加入元素

明天我会将CSS的基本样式即使用方法总结给大家

 

以上是关于新手面对网页该如何下手的主要内容,如果未能解决你的问题,请参考以下文章

编程新手如何提高编程能力?

新手必学 手机录屏软件具体操作过程

如何只显示部分网页内容(swift)

如何管理在每个 git 版本中添加私有代码片段?

AI大神李沐开源新手剪辑神器!只看字幕就能剪视频,卡壳重复片段一键删除...

C# 新手该如何规划学习学习路线指南