为了实现网页布局的稳定性和标准性，我们可以从下面几方面努力一 lt！DOCTYPE 标记的重要性位 于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准 规范，我们必需在开头处使用lt！DOCTYPE标记为 所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能将该网页作为有 效的XHTML。

2 正确匹配和配对字体 对于网页设计师来说，系统字体是一种安全的选择，因为它们易于使用且不会给出复杂的布局但是，要正确使用文本工具中可用的众多书法字体，您需要成对选择和匹配它们，从而提供出色的混合效果当与其他特定字体匹配时，一些书法字体会产生有利的结果 因此，你需要巧妙地挑选和混合。

3 必学 版式布局原理画册广告网页设计用得多掌握版式形成原理网格设计理论页面的基本元素类型4 软件 平面设计四大软件，PhotoshopPS位图illustratorAI矢量InDesignID位图排版CorelDRAWCDR矢量，至少选一个矢量和位图软件学习想学平面设计，就需要你有。

尽管近年来变化不大，但CSS测量单位的更新如vh， vw和Flexbox的出现，预示着布局设计的灵活性将更上一层楼不久的将来，CSS网格系统的普及和Web组件的引入，将彻底革新我们的网页设计实践历史的车轮滚滚向前，每一步都留下了独特的印记今天的网页布局设计，正是这些革新与积累的见证者让我们。

于是，很早就有人设想，能不能”一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局layout？如何设计自适应屏幕大小的网页转一”自适应网页设计”的概念 2010年，Ethan Marcotte提出了”自适应网页设计”Responsive Web Design这个名词，指可以自动识别屏幕宽度并。

calc使元素居中的原理和负margin是一样的，calc 允许你基于当前的页面布局计算尺寸在上面的简单计算中， 50% 是容器元素的中心点，但是如果只设置50%会使图片的左上角对齐div的中心位置 我们需要把图片向左和向上各移动图片宽高的一半计算公式为 top calc50% w 2 left calc。

网页搭框架，用div好还是table好 布局建议使用div，因为目前div是非常流行，且主流的网站布局程式码方式而且符合网站SEO，利于搜寻引擎的收录 当然也不是完全放弃table，因为在某些地方比如表格，表单等使用table是也非常多，而且快速 网页设计使用table还是div+css好 现在主流的是div+css的使用。

互联网成为人们快速获取发布和传递信息的重要渠道，它在人们经济生活等各个方面发挥着重要的作用网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解提供的信息一。

但是从页面的源代码来看，这种差异就非常大了基于良好结构理念设计的CSS布局源码，至少能让没有web开发经验的用户很容易找到连续的页面内容从这个角度来说，CSSlayoutcode应该有更好的美学体验我们可以把模块化的DIV想象成一个个box，然后把它们按自己的意愿排列组成完整的内容，网页布局设计就是遵循了。