等。
标记选择器的格式定义如下。
tagName{
property:
value;
}
类选择器用来为一系列标记定义相同的呈现方式,语法格式如下。
.classValue{
property:
value
}
classValue是选择器的名称,具体名称由CSS制定者命名。
ID选择器和类选择器类似,都是对特定属性的属性值进行设置。
ID选择器和类选择器的区别是,一个HTML文件中只能使用一次某一ID的属性值。
定义ID选择器的基本语法格式如下。
#idValue{
property:
value;
}
在上面的语法格式中,idValue是选择器名称,可以由CSS定义者自己命名。
为了设置的CSS样式能够在网页中产生作用,必须将CSS和HTML文件联接在一起,才可以正常工作。
在HTML文件中使用CSS的方式有4种:
行内样式、嵌入式、链接式和导入式。
所谓并集选择器就是对多个选择器进行集体声明,多个选择器之间用“,”隔开,其中每个选择器可以是任何类型的选择器。
并集选择器的语法格式。
selector1,selector2,…{
property:
value;
}
在CSS选择器中,还可以通过嵌套的方式,对特殊位置的HTML标记进行控制。
后代选择器的写法是把外层的标记写在前面,内层的标记写在后面,之间用空格隔开,语法格式如下。
selector1selector2{
property:
value;
}
子选择器用于选中标记的直接后代(即儿子),它的定义符号是大于号(>),语法格式如下。
selector1>selector2
相邻(adjacent-sibling)选择器是另一个有趣的选择器,它的定义符号是加号(+),相邻选择器将选中紧跟在它后面的一个兄弟元素(这两个元素具有共同的父元素)。
在CSS中伪对象选择器主要有:
first-letter、:
first-line、:
before和:
after。
之所以称这些选择器是伪对象,是因为它们在效果上使文档增加了一个临时的元素,这是应用“虚构标记”的一个典型实例。
字体属性用于控制网页中文本字符的显示方式。
包括font,font-family,font-size,font-style,font-variant和font-weight等。
font-family属性
确定要使用的字体列表。
font-size属性
font-size属性用于控制文字的大小,它的取值分为4种类型:
绝对大小、相对大小、长度值以及百分数。
该属性的默认值是medium。
font-style属性
font-style属性确定指定元素显示的字形。
值包括normal、italic和oblique三种。
默认值为normal,表示普通字形;italic和oblique表示斜体字形。
font-variant属性
font-variant属性决定了浏览器显示指定元素的字体变体。
有三个值:
normal、small-caps和inherit。
font-weight属性
font-weight属性定义了字体的粗细值,它的取值可以是以下值中的一个:
normal、bold、bolder和lighter。
font复合属性
使用font属性可一次性设置前面介绍的各种字体属性(属性之间以空格分隔)。
在使用font属性设置字体格式时,字体属性名可以省略。
font属性的排列顺序是:
font-size倒手第二和font-family在最后,两者是必须出现的,而font-weight、font-variant、font-style三者在前面,循序无要求。
文本属性用于控制段落格式和文本的修饰方式,例如设置单词间距、字符间距、首行缩进、段落对齐方式等。
CSS中的常用文本属性包括word-spacing、letter-spacing、text-align、text-indent、line-height、text-decoration和text-transform等。
在CSS中,颜色属性可以用设来置元素内文本的颜色,而各种背景属性则可以控制元素的背景颜色以或背景图像。
color属性用来描述元素的前景颜色,CSS背景属性包括background、background-attachment、background-color、background-image、background-position和background-repeat等。
在HTML文档中可以直接通过标记来添加图片。
使用border、width、height等属性可以在HTML中调整图片。
使用CSS,可以为图片设置更加丰富的风格和样式,包括添加边框、缩放图片、实现图文混排和设置对齐方式等。
如果需要单独地定义边框一边的样式,可以使用border-top-style设定上边框样式、border-bottom-style设定下边框样式、border-right-style设定右边框样式和border-left-style设定左边框样式。
默认情况,网页上的图片按原始大小显示。
页面排版时,通常情况下还需要对图片的大小进行重新设定。
如果对图片设置不恰当,会造成图片的变形和失真。
设定图片大小,可以采用以下三种方式。
使用img的标记属性width和height
使用CSS3中max-width属性和max-height属性
使用CSS中width和height属性
网页效果的展示很多情况下都是通过图文混排来实现的。
使用CSS,可以设置多种不同的图文混排方式。
文字环绕
CSS使用float属性来实现该效果。
float语法格式如下。
float:
none/left/right;
其中none表示默认值对象不浮动,left表示文本流向对象的右边,right表示文本流向对象的左边。
3.JavaScript的主要知识点
JavaScript是一种脚本语言,是一种介于HTML与高级编程语言(Java、VB和C++等)之间的特殊语言。
脚本是一种能完成某些功能的小程序段,该程序段由一组可以在Web服务器或客户端浏览器运行的命令组成。
脚本语言可以嵌入HTML页面,并被浏览器解释执行。
使用脚本可以把网页对象和浏览器对象集成并组装起来,使网页具有动态效果和交互功能。
JavaScript是一种脚本语言,是一种基于对象的编程语言,JavaScript本身提供了非常丰富的内部对象供设计人员使用。
JavaScript是一种解释性编程语言,其程序由浏览器解释执行。
JavaScript的代码是一种文本字符格式,可以直接嵌入HTML文档中,并且可动态装载。
JavaScript程序的编写和运行
(1)启动DreamweaverCS5新建HTML文件。
(2)在
与标记中输入代码。
(3)将文件保存为.html或.htm格式文件即可。
程序错误分为语法错误和逻辑错误两种。
语法错误是指在程序编写过程中使用不符合语言规则的语句,从而产生的错误。
例如,错误地使用了JavaScript的关键字,错误地定义了变量名称等,这时浏览器运行JavaScript程序就会报错。
很多包含JavaScript的网页都将JavaScript程序代码直接嵌入到HTML文件中,这是最常见的使用JavaScript方法。
在HTML中书写JavaScript时,需要使用一对标记来告诉浏览器这是脚本程序。
在HTML中书写JavaScript的语法格式如下。
--
statements;
//-->
属性language是script标记的基本属性。
一般被指定为JavaScript或VBScript。
runat="server"表示该段脚本在服务器端执行,如果省略,则表示该段脚本将发送到客户端运行。
本书主要讲授JavaScript在客户端的执行过程,因此该属性设置省略。
--...//-->是HTML注释语句。
可以保证不识别