如何用css制作网页横向导航,html和css制作简单的导航网页

内容导航：

什么是静态网页

cssdiv做的网页层要求浮动并随着滚动条的移动而移动对不同浏览器的兼容问题怎么解决

网页制作：如何用css 设置不同的超链接格式

html中css样式 标签的使用

一、什么是静态网页

静态网页有时也被称为平面页。
静态网页的网址形式通常为htm(超文本标记语言)结尾 ，还有就是以超文本标记语(.htm、.html)、.shtml、.xml(可扩展标记语言)等为后缀的。
在超文本标记语言格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字幕等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。
静态网页面通常是超文本标记语言文档存储为文件在文件系统里头，并且可以通过HTTP访问网络服务器。
特点 静态网页的特点简要归纳如下：
(1)静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”;
(2)网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件;
(3)静态网页的内容相对稳定，因此容易被搜索引擎检索;
(4)静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难;
(5)静态网页的交互性较差，在功能方面有较大的限制。
(6)页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面。
(7)减轻了服务器的负担，工作量减少，也就降低了数据库的成本。
定义 静态网页，动态网页主要根据网页制作的语言来区分： 静态网页使用语言：超文本标记语言(标准通用标记语言的一个应用)
动态网页使用语言：超文本标记语言+ASP或超文本标记语言+PHP或超文本标记语言+JSP等。
静态网页与动态的区别 程序是否在服务器端运行，是重要标志。
在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASPnet、CGI等。
运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的。
静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。
静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。
你编的是什么它显示的就是什么、不会有任何改变。
静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。
静态网页是标准的HTML文件，它的文件扩展名是.htm或.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。
尽管在这种网页上使用这些对象后可以使网页动感十足，但是，这种网页不包含在服务器端运行的任何脚本，网页上的每一行代码都是由网页设计人员预先编写好后，放置到Web服务器上的，在发送到客户端的浏览器上后不再发生任何变化，因此称其为静态网页。
静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。
动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。
优点 1、可以公开(即副本可以证明给任何人)。
2、托管没得任何特殊的要求。
(不需要特殊的中间软件比如超文本预处理器、公共网关接口) 3、没得网络服务器或应用服务器，比如直接从CD-ROM(激光唱片-
只读存储器)或USB闪存驱动器，可以通过网络浏览器直接访问。
4、静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有?;(动态网页中的“?”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“?”后面的内容。
) 5、网站更安全，HTML页面不会受Asp相关漏洞的影响;而且可以减少攻击，防sql注入。
数据库出错时，不影响网站正常访问。
缺点 1、任何个性化或交互都会运行在客户端之上! 2、没有自动化的工具，维护大量的静态页面文件是不现实的。
3、无法充分支持用户/客户的需求(外观选择，浏览器的支持，Cookie)。

二、cssdiv做的网页层要求浮动并随着滚动条的移动而移动对不同浏览器的兼容问题怎么解决

了解每个浏览器的css解释规则5261,你就很容易实现

比如Internet Explorer 6,Internet Explorer 7,Mozilla
Firefox等，对CSS的解4102析认识不一样1653，因此会导致生成的页面效果不一样，得不到你所需要的页面效果。

这个时候就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到想要的页面效果。
规则 ：

IE6 ： 能识别下划线” ” 和 星号” “，但不能识别 !important；

IE7 ： 能识别星号” * ” 和 !important，当不能识别下划线”_”；

Firefox ： 只能识别 !important 。

IE6IE7 FF
_√√×

!important ×√ √

_ √× ×

目前针对IE8也有解决办法，padding:10px\9;

这个 ‘ \9 ‘ 是区分所有IE浏览器的，只有IE能认，这样就可以按照从 Firefox到IE8到IE7到IE6的兼容顺序来写。

div{ height:700px;}

div{ height:600px\9;}

div{*height:500px;}

div｛_height:400px;｝

书写顺序，一般是将识别能力强的浏览器的CSS写在后面。

三、网页制作：如何用css 设置不同的超链接格式

答：先定义表名连接的样式访问过的连接的样式鼠标点上去时连接的样式鼠标放上去的时连接的样式

四、html中css样式 标签的使用