全局于网站整体的网页设计（10）
作者：小猪头 来源：蓝色理想 发布时间：2009-03-27 17:15:00
CSS整站规划——网站设计的重中之重题
说过DIV当然要说说CSS，CSS使现代网站大放异彩。符合标准化的网站，仅仅通过更换一个不同的CSS文件，就可以瞬间实现整站所有页面改变更新的显示效果。CSS统一了网页的表现层，而不影响网站结构和数据传输。
而CSS的书写方式也因设计师的不同而各有千秋，在此，我们强调CSS的设计关键在于代码的缩略与复用：缩略能使CSS代码更加简明扼要，CSS文件也能缩小体积；复用则是提高代码的利用率，以最少的代码实现最高的重复使用效率。如图3所示，腾讯网的CSS设计就十分优秀。
首先我们来看代码的缩略，很多编辑器生成的CSS代码片段会像图4一样杂乱随意，而实际上这段代码能缩略掉所有不需要的空格，组合起同系列元素，使得代码行读起来更加轻松无负担。
毕竟，编辑器是按照一定的程序运算而提供出来的CSS样式，它能自动实现预期效果的CSS样式，而绝不会自动精简代码。这个过程还是需要人的干预，而且对于不同的应用场合，CSS代码中的缩略方式也会有所不同，而取谁舍谁，则完全看具体情况而定了。
其次，我们来了解CSS的复用。同样是复用，CSS的复用情况和DIV很不同。设计中我们需要尽量实现CSS代码的复用，尽量多利用CSS的继承和层叠，而不是到处定义新的CSS类。在繁琐的CSS设计中，也许会遇见两个大部分属性一致而只有某一两个细节不同的类，那么可以考虑这两个类是否是继承关系，或者说将它们相同的属性提炼出来，形成另一个可供公用的类。
后期整理——代码也可以很美
之前说的都是代码编写的前期规范，而页面完成之后，代码的后期整理对于今后的修改维护“可持续发展”也非常重要。在这里，我们需要注意以下几个方面的内容。
1.样式表统一：样式表分为内联样式表和外联样式表，成型的网站架构要求对样式表统一管理，所有的样式表都需要独立出来，作为一个或几个外联样式表文件；除非是极特殊的情况，该CSS只在这一个页面中出现，不会有另外的页面需要复用它，那么可以考虑使用内联，而内联样式很多时候会被视为极不专业的做法。如图5，色影无忌网站的设计从外观看很符合标准化设计，但从图6我们可以看出色影无忌的代码设计非常混乱。
0
投稿猜你喜欢
- 本文实例讲述了python使用多线程不断刷新网页的方法。分享给大家供大家参考。具体如下：这段代码可以开通过个线程不断刷新指定的页面，可用于刷
- 在开发中我们经常遇到这样的需求，需要用户直接点击一个链接进入到一个页面，用户点击后链接后会触发401拦截返回登录界面，登录后又跳转到链接的页
- 网页布局中常有的一种情况就是网页主体部分分成一行两列；而在很多种情况下，设计师们常把左右两列的背景色设计成不同色彩，以实现内容块的明显区分；
- 前言本文主要给大家介绍关于python中__init__、__new__和__call__方法的相关内容，分享出来供大家参考学习，下面话不多
字符编码，在编程中，是一个让学习者比较郁闷的东西，比如一个str，如果都是英文，好说多了。但恰恰不是如此，中文是我们不得不用的。所以，哪怕是- 两个树莓派，在同一个局域网内，传输文件，采用socket方式。client端代码：import socketimport osimport
- 有个简单的方法，使用display:table, display:table-row and display:table-cell 就可以实
- 一、安装pip install pymysql二、连接数据库三种连接数据库的方式import pymysql# 方式一conn = pymy
- getattr函数（1）使用 getattr 函数,可以得到一个直到运行时才知道名称的函数的引用。>>> li = [&q
- JS在firefox中的兼容性问题,自己也经常遇到.此文是网上资料,不过时间较久不记得原址了...1. document.form.item
- 用python写了一个简单版本的textrank，实现提取关键词的功能。import numpy as np import jieba im
- 基础代码pred_y = test_output.data.numpy()pred_y = pred_y.flatten()print(pr
- 前言Tree一直是大家熟知的组件，做一些大型的后台管理系统都会用到。使用树组件可以完整的展现其中的层级关系，并具有展开收起选择等交互功能。效
- todo list无闪烁更新网页的课题比较大。加载的html字符串（通过ajax获取的），如果还需要运行代码，那么肯定有问题。希望用一个不显
- 浏览器：IE ，不支持firefoxfilter视觉滤镜的种类:Alpha(透明度) Blur(模糊) Chroma(指定颜色透明) Dro
- 今天用实验室的pycharm运行程序的时候发现出现了已安装的模块无法导入的情况，但实际上这个模块我已经在notebook中使用多次了，所以不
- MySQL字符串的拼接、截取、替换、查找位置。常用的字符串函数：函数说明CONCAT(s1,s2，...)返回连接参数产生的字符串，一个或多
- 试了谷歌到的几种方法，都没有解决，然后突然想起在启动apache的时候，iis的端口占用情况（因为我的apache也使用了80端口），所以&
- 最近做项目中有一个模块是用于实时监控的，左边有个菜单栏用于显示所有的设备，那当然是从数据库中动态获取的了，右边是个iframe用于显示监控画
- 要做好一个HTML邮件，说简单，还真不怎么复杂，说它复杂，其实也不难。-_-!!以前写过类似的[ 关于HTML邮件的总结 ]，最近又犯愁，就
