网页设计理论知识 第1篇
文字在版面中一般占有绝大部分空间，是网页信息的主要载体。处理好文字关系到网页设计的成败。字体的选择、字号的大小、文字的颜色、行与行的距离、段落与段落的安排，都需要认真考虑。好的文字设计会给网页增色不少。
实例分析1．网站描述
这是一家航空公司的网站首页。界面设计给人现代、驿动的感觉，这与公司的风格相一致。导航设计简洁利落，很值得学习借鉴。
2．布局
网页布局采用的是比较常见的分栏式结构。A为网站的Logo所在的区域；B为网站主菜单所在的区域；C为搜索与其他公共功能所在的区域；D为网站的内容区域，主要由文字和图片组成；E为版权信息所在的区域。
3．配色
网页选用蓝色系，象征天空，与网站主题一致。网页主要运用了两种蓝色，分别是“#14397D”和“1E95BD”。除此之外，网页文字的配色主要以白色和蓝色为主。返回搜狐，查看更多
网页设计理论知识 第2篇
1.导航是网页设计中不可或缺的基础元素之一。导航就如同一个网站的路标，有了它就不会在浏览网站时“迷路”。导航链接着各个页面，只要单击导航中的超级链接就能进入相应的页面。
2.导航设计的好坏，决定着用户是否能很方便地使用网站。导航设计应直观明确，最大限度地为用户使用考虑，尽可能使网页切换更便捷。导航的设计要符合整个网站的风格和要求，不同的网站会采用不同的导航方式。
3.一般来说，在网页的上端或左侧设置导航栏是比较普遍的方式。网站采用上端文字作为一级导航，左侧树状结构菜单作为二级导航。
让用户了解当前所处的位置；
4.让用户能根据走过的路径，确定下一步的前进方向和路径；
5.不需要浏览太多的页面才能找到需要的信息，让用户能快速而简捷地找到所需的信息，并以最佳的路径到达这些信息；
6.让用户使用网站遇到困难时，能寻求到解决困难的方法，找到最佳路径；
7.让用户清楚地了解整个网站的结构概况，产生整体性感知；
8.对使用频率不同的信息作有序处理。
网页设计理论知识 第3篇
注1：label标签只能包含一个表单元素，包含多个只对第一个有效；
注2：此时label不能添加for属性，否则不做作用了！
只能在position属性值为relative或absolute或fixed的元素上有效。
2.基本原理是：z-index的值可以控制定位元素在垂直于显示屏幕方向（z轴）上的堆叠顺序(stack order),值大的元素发生重叠时会在值小的元素上面。
（1）需求描述
例如使列表中的第一项或者最后一项显示不同的样式 、列表中的奇数或者偶数项显示不同的背景色 . . . 等等。 我们可以通过 CSS 来实现这样的效果，CSS 给我们提供了几个样式参数：first-child、last-child、nth-child(n)。
（2）详细使用方法
first-child：选择列表中的第一个标签。
举例：第一行字体显示为红色，代码如下：
2. last-child
last-child：选择列表中的最后一个标签。
举例，最后一行字体显示为绿色，代码如下：
(n)
nth-child(n)：选择列表中的第 n 个标签。
举例：第三行字体显示为蓝色，代码如下：
(odd)
nth-child(odd)：选择列表的奇数行。
举例，奇数行背景显示为灰色，代码如下：
5.nth-child(even)
nth-child(even)：选择列表的偶数行。
举例：偶数行背景显示为黄色，代码如下：
四：【Css】css中class之间＞(大于号)、~(波浪号)、 (空格)、,(逗号)、+(加号)详解
1、>(大于号) 子元素选择器
>大于号：选择某元素后面的第一代子元素
案例：
2、~（波浪号）
~波浪号：选取某个元素之后的所有相同元素
.box~h2 : 选取 .box 后面所有的 h2
这个选择器 两种元素必须处于同一个父元素内，被选取的元素不必直接紧随。