CSS快速入门与网页设计应用.pdfVIP

CSS快速

CSS是CascadingStyleSheets（层叠样式表单）的简称。的人把它称作样式表。

顾名思义，它是一种设计网页样式的工具。借助CSS的强大功能，网页将在您丰富的

想象力下千变万化。

图1图2

看到上面的两幅，您可能会认为这是用photoshop或者是其他图形处理软件制

作的吧。可是上面的例子却完全是用CSS编写的。我们来看一下它的源代码（不要以

为讲代码您会搞不懂，很简单的^_^）：

html

head

titlecssword/title

style//*CSS样式定义开始*//

!--

div

{width：200;filter

blur(add=true,direction=135,strengh=20);

}//*定义DIV范围内的样式，包括宽度(width)、模糊滤镜属性(blur)*//

--

/style//*样式定义结束*//

/head

body

div//*以下的区域内采用head中style里面定义的格式*//

pstyle=font-size：48;font-style：bold;

color:red;hongen/p

//*定义字体样式(font-style)，包括字体大小(size)、粗细(bold)、颜色

(color)*//

/div

CSSQuickStart

CSSistheabbreviationofCascadingStyleSheets.Morepeoplecallitastyle

sheet.Asthenamesuggests,itisatoolfordesigningwebpagesty.Withthe

powerofCSS,webpageswillbeever-changingunderyourrichimagination.

图1图2

Seeingthetwopicturesabove,youmaythinkthattheywerecreatedusingphotoshop

orothergraphicsprocessingsoftware.However,theaboveexampleisentirelywrittenin

CSS.Letstakealookatitssourcecode(dontthinkyouwontunderstandthecode,itsvery

simple^_^):

htmlheadtitlecssword/titlestyle//*CSSstyledefinition

begins*//!--div{width:200;filterblur(addtrue,direction=135,streng