CSS是一种什么样的网页设计,怎么用它?

html-css022

CSS是一种什么样的网页设计,怎么用它?,第1张

网页设计里的 CSS在英文中的缩写:Cascading Style Sheets 层叠样式表。

什么是CSS呢?你可能急迫的想知道答案。但是空泛的文字描述意义不大,让我们先来一点感性体验吧。看看这个没有添加CSS的HTML文件:http://www.csszengarden.com/zengarden-sample.html

是一个普普通通的网页。然而通过给这个文件添加的CSS规则,我们可以得到十分美观的网页:http://www.csszengarden.com/

这还不是全部,不改动HTML,只是通过添加不同的CSS规则,我们就可以得到各种不同样式的网页:http://www.csszengarden.com/?cssfile=/208/208.css&page=0

好了,下面我们再来回答什么是CSS这个问题。

什么是Cascading Style Sheets(层叠样式表)

* CSS是Cascading Style Sheets(层叠样式表)的简称.

* CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).

* 在标准网页设计中CSS负责网页内容(XHTML)的表现.

* CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.

* 可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.

* CSS是由W3C的CSS工作组产生和维护的.

文档级CSS是在html文件中直接书写既内联式 如下

<style type="text/css">

.div1/*此种是class样式*/

#div2/*此种是id样式*/

</style>

外部CSS文件既外联式 如下

<link href="style.css" type="text/css" rel="stylesheet"> /*与html文件同目录下须有style.css文件当html编码charset值为 GB2312时 CSS文件编码设置为ANSI格式才生效 若html编码为UTF-8 则CSS文件也设置为UTF-8 CSS文件编码通过记事本打开另存为里设置*/

以上 /* */ 中的内容均为 CSS文件内注释 另一种注释 <!-- -->不用 会引起 CSS部分设置不能生效。

在div+css布局中,一般都像下面这样来整体构架的:

<div id="header"></div>

<div id="center"></div>

<div id="footer"></div>

对于header部分,肯定要显示网站标题,除了显示网站标题外,还可能要显示其他比较重要的对象,比如网站的导航栏:

<div id="header">

<div id="title">这里是网站的标题</div>

<div id="nav">这里是网站导航栏</div>

</div>

导航栏一般是由多个小块内容组成,选择无序列表

<ul><li></li></ul>