如果您无法下载资料,请参考说明:
1、部分资料下载需要金币,请确保您的账户上有足够的金币
2、已购买过的文档,再次下载不重复扣费
3、资料包下载后请先用软件解压,在使用对应软件打开
创建与编辑样式表CSS样式的全名为CascadingStyleSheet,它可以定义HTML标签,按列表的语法将许多文字、图片、表格、表单、图层等设计加以格式设定。在HTML语法中,常常需要使用到一些设定颜色、字体大小或框线粗细之类的标签,而CSS在开始制作网页时就将这些设定做好,不需要在制作网页文档时再反复写入同样的标签。1.Css样式表简介Css即层叠样式表,它使用户可以控制许多仅适用html无法控制的属性,还可以利用它同时控制多文档的内容格式,并且当css样式表更新或修改时,所有应用此样式表的css的页面将自动更新。CSS样式表位于文档的<head>区,其作用范围由CLASS或其他任何符合CSS规范的文本来设置。对于其他现有的文档,只要其中的CSS样式符合规范,Dreamweaver就能识别它们。CSS样式是CascadingStyleSheets(层叠样式单)的简称,利用它可以对网页中的文本进行精确的格式化控制。在CSS样式之前,HTML样式被广泛应用,HTML样式用于控制单个文档中某范围内文本的格式。而CSS样式与之不同,它不仅可以控制单个文档中的多个范围内文本的格式,而且可以控制多个文档中文本的格式。要使用”CSS样式”面板,用户可以选择“窗口”|“CSS样式”命令或按下Shift+F11快捷键。CSS具有以下几个方面的作用和优势。1、在几乎所有的浏览器上都可以使用。2、以前一些只有通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而可以更快地下载页面。3、使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。4、可以轻松地控制页面的布局。5、可以将许多网页的风格格式同时更新,不用再一页一页地更新。6控制页面中的每一个元素(精确定位)。7、对HTML语言处理样式的最好补充。8、把内容和格式处理相分离,减少工作量。1基本单位的认识:有相对单位与绝对单位两种单位表达方式。相对单位:『em』:相对於字母高度的比例因子。『en』:相对於字型大小的比例因子。『%』:相对於长度单位(通常是目前字型的大小)的百分比例。绝对单位:『in』:英寸。『cm』:公分。『mm』:公厘。『px』:像素(系统预设单位)。『pc』:pica,印刷活字单位。『pt』:像点。相对关系:1in=6pc=72pt=2.54cm=25.4mm2基本用语的认识:元件(element):亦即HTML基本语法中的标签(tag)。属性(attribute):用以描述标签特性的属性。例如:<HRWIDTH=“90%”>中,HR为标签,WIDTH为属性,而80%即为WIDTH属性的值。性质(property):用以描述元件的特性。相当於HTML基本语法中的属性。样式(style):拥有一组或数组的性质,用以描述元件特性。挑选者(selector):套用样式的元件。例如H3{COLOR:BLUE}中,H3为挑选者,COLOR为性质,BLUE为COLOR性质的值。3选择符的分类(1)类型选择符所谓的类型选择符就是指以网页中已有的标签名称为名称的选择符,如body{},div{},span{}等。(2)群组选择符可以对一组对象进行相同的样式指派。例如:h1,h2,p,span{font-size:12px;font-family:arial}用逗号对选择符进行分隔。这样的好处是:对页面中需要相同样式的地方,只需要写一次样式即可实现,从而减少代码量,改善css代码的结构。(3)包含选择符指的是选择符得一种组合,前一对象包含了后一个对象,对象之间使用空格作为分隔符。要求后一对象是嵌套在前一对象中使用。如:h1span{Font-size:12px}这是是对h1下面的span进行了样式指派。(4)用户自定义名称的选择符id及class均是css提供由用户自定义标签名称的选择符,用户可以使用id及class选择符来对页面中的标签进行自定义名称,从而达到扩展xhtm标签及组合xhtml标签的目的。例如:对于xhtml中的h1标签,若是用id进行选择符定义,那么<h1id=“p1”>及<h1id=“p2”>则是两个不同的元素,从而达到扩展的目的。①id选择符Id选择符是根据DOM文档对象模型所出现的选择符类型,对于一个网页而言,每个标签或其他对象都可使用类似id=“”的形式来对id属性进行名称指派,可以理解为一个标识,在网页中,一个id名称只能使用一次。定义:#content{font-size:12px;line-height:130%}调用:<divid=“content”></div>②class选择符class应当是对xhtml多个标签的组合,对网页设计而言,我们可以对xhtml标签使用类似于class=“”de形式来进行class属性