CSS让网页设计简单的方法

1 / 6 网页设计简单的方法 网页设计是指使用标识语言 (通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面 (形式被用户所浏览。以下是小编为大家搜索整理的 网页设计简单的方法，希望能给大家带来帮助 !更多精彩内容请及时关注我们学优考试网 ! 接样式表，网页外观的控制语法 早是以文件的概念组成，希望透过网页与超链接，让文件与知识更容易连接援引。从法大量使用文件概念的标签 (例如代表标题的，代表段落的 )，就不难看出 这个特质。然而 起早期其它网络媒介更迷人的地方，在于它能直接在页面嵌入并呈现图片，这个改变让 展迅速，也让页面视觉装饰大为盛行。但网页先天的文件性格，让图像排版设计难以施展手脚，于是像利用巢状表格与图像拼组而成的页面开始盛行，以求达到精准元素定位与更精美的视觉效果。这个潘多拉盒子一开，造成了许多失控的乱象，让页面原始码难以阅读与维护。为了提高网页在视觉上可以有更多元的表现， 1996 年推出 一版，提供解决 之道。不过由于 赖于浏览器的支持，因此长久以来 推展情况一直不佳，一直到 、 主流浏览器支持 渐渐改善。 2 / 6 法立意让网页内容与视觉呈现分离，一方面使得页面维护工作更容易，不会因内容或视觉效果改变影响到另一方，这样的页面设计，也对搜寻引擎更为友善，更容易搜寻到页面内容。其次， 可以增加页面在不同媒介的呈现效果。同一份页面，可依据用途不同，例如在屏幕显示或打印，而自动切换不同的 法，让呈现最佳化。也由于读取页面的媒介越来越多元 (如手机、 以弹性调整呈现方式，都更加彰显 网页上的优势。 取器 要透过 元素套用样式效果，首先须指向特定元素，像是标题、段落或超链接等，而这个指定的方法，就称为选取器。 最基本的选取器，是指定 标元素的名称，另外还有 取器、类别选取器、虚拟类别、子系、旁系等，不过这些 选取方法，每种浏览器的支持不一，像 用 签的设计人员 事实上，善用 接与继承的特性，就能创造出精准、丰富的视觉效果 网页设计 简单的方法。但是并非仅靠用语法的情况就能改善。 过去盛行巢状表格排版，导致 始码难以阅读与维护。不过 计人员如不善用串接与继承，而以大量 6 区块语法作页面排版，将使页面原始码充斥 签，这往往和使用巢状表格一样，难以阅读，这种设计人员便称为 非万灵丹，须靠设计人员正确运用，才能达到效果。 癖模式 浏览器改版时，通常都会加强对网页标准语法的支持，不过这也意味着，依照过去浏览器特性写出来的页面，在呈现上会有问题，为了保持向前兼容，浏览器 通常会设计标准模式与怪癖模式，确保一些旧网站能用较宽松、容错率较高的语法解译方式呈现。 浏览器会依网页宣告的 定页面呈现将依照标准模式或怪癖模式。 接规则 备串接的规则和明确度，用来处理样式冲突的情况。串接规则会依重要性排序，决定采用哪一种样式 网页设计简单的方法。 在串接规则中，重要性最高的是标示有 !使用者样式，其次是同样标有 !作者样式表。 在没有标 !，作者样式表的重要性高于使用者。 透过重要性规定，浏览器就能决定呈现哪一种样式，而如果重要性一致时，则后出的规则会覆写较早的规则。 确度 4 / 6 由于 有可串接、继承的特性，某一个元素有可能被指定不同的样式。发生这种情况时，浏览器就会依明确度来决定呈现那一种样式。 明确度规定每一种选取器都具有一个计数值，例如 0， 1， 0， 0，而类别选取器的明确度是 0， 0， 1， 0，当某个元素同时套用两者，而且部分样式又有冲突时，因为 取器的明确度较高，就会以它的值为主。 技巧 浏览器支持与实作的方式不同，甚至存在 让设计人员在跨浏览器的页面设计遇到挑战。为了解决这些难题而发展出的技巧，便称为 例如 在 个语法实作，与 定的标准有所不同，造成它与其它浏览器会呈现不同的结果。为了解决这个问题，而有所谓 技巧，让 也能和其它浏览器呈现相同的结果。 拟类别 最常见的虚拟类别是应用在超级链接语法上。例如超级链接指定连结颜色 (a:造访过颜色 (a:以 及鼠标经过 (a:。 事实上虚拟类别不只能用在超级链接上，例如表格或窗体输入字段等， 能选取并指定多种状态，但是由于 / 6 6 以前的浏览器只支持少数虚拟类别语法，即使最常见的超级链接也支持不完整 (a:不支持 )，造成使用的人很有限。 承 继承是 设计上相当具有效率的原则，能精简设计上的复杂性 网页设计简单的方法。例如在 取器指定字型与大小之后，包含在 下的所有元素，都会自动继承这个样式，不需要一一为子系的元素再指定样式。 继承而来的属性，也可以透过指定值进行复写，因此如果区块需要不同的字型，只需要重新指定新值给这个区块，就可以采用新字型透过这种方式，可以大为减少选取器的数量。 浮，文绕图 文绕图的功能是透过指定 性值，就能让区块飘浮起来，并透过指定左、右位置，