阻断页面

网站介绍

这是一个简单的网页模板，使用了阻断页面技术(html, body { margin: 0; padding: 0; background: #fff; font-family: “PingHei”, “Lucida Grande”, “Lucida Sans Unicode”, “Helvetica”, “Arial”, “Verdana”, “sans-serif”, “Microsoft Yahei”, “微软雅黑” }),使得页面在加载时不会出现闪动的情况。同时，文本的排版和样式也经过了优化，使得阅读更加舒适。

主要结构

• .main 类是整个页面的主要部分，设置了宽度为960px,居中显示，并在左侧预留了70px的宽度用于导航。这部分包含了所有的正文内容。

• .title 类是页面的主标题，它位于.main的上方，距离顶部有100px、40px的距离，字体大小为26px,加粗且颜色为红色。

• .desc-wrap 类用于包裹描述信息，下方会有一个段落元素<p>来展示具体的描述内容。这个类设置了底部外边距为40px,确保与主标题之间有一定的间距。

文本样式

该模板的文本样式采用无衬线字体(PingHei、Lucida Grande等),保证了在各种环境下的可读性。同时，为了防止因字号过大或过小导致的视觉疲劳，文本的字号设置了14px至26px之间的范围。此外，通过line-height属性设置合适的行高，使得文本在页面上呈现出良好的视觉效果。

以上就是基于阻断页面技术的简单网站模板的简要介绍。你可以根据自己的需求在这个模板基础上进行扩展和定制化设计。