第2章HTML基础知识.ppt文件.ppt

1. 内联样式 在标记中直接使用style属性可以对该标记括起的内容应用样式来显示。例如： p style=font-family: 宋体;color:green;background-color:yellow;font-size:9px/p 使用style属性定义时，内容与值之间用冒号“:”分隔。用户可以定义多项内容，内容之间以分号“;”分隔。由于这种方式是在HTML标记内部引用样式，所以称为内联样式。 注意：若要在HTML文件中使用内联样式，必须在该文件的头部对整个文档进行单独的样式语言声明，如下所示： meta http-equiv=Content-type content=text/css 由于内联样式将样式和要展示的内容混在一起，所以会失去一些样式表的优点，所以尽量不要使用这种方式。 2. 样式表定义 定义样式表的格式如下： .类选择符{规则表} 其中，“类选择符”是引用的样式的类标记，“规则表”是由一个或多个样式属性组成的样式规则，各样式属性间用分号隔开，每个样式属性的定义格式为“样式名:值”。例如： .style1{font-family:黑体; color:green; font-sizex:15px;} 其中，“font-family”表示字体，“color”表示字体颜色，“font-size”表示字体大小。 样式表定义时使用style标记括起，放在head标记范围内，style标记内定义的前后可以加上注释符“!--”、“--”，它的作用是使不支持CSS的浏览器忽略样式表定义。style标记的type属性指明样式的类别，默认值为“text/css”。例如： head style type=text/css !-- .style1 {font-size: 20px; font-family: 黑体;} -- /style /head 3. 样式表的引用 引用样式表的方法很多，这里主要介绍使用标记的class属性来引用样式表。只要将标记的class属性值设置为样式表中定义的类选择符即可。例如： html head titleCSS样式表的引用/title style type=text/css !-- .heti {font-size: 20px; font-family: 黑体; color:red;} -- /style /head body div class=hetiCSS样式演示/div input type=text name=text class=heti /body 一个表格由表头、行和单元格组成，常用于组织、显示信息或安排页面布局。一个表格通常由table标记开始，到/table标记结束。表格的内容由tr、th和td标记定义。tr说明表的一个行，th说明表的列数和相应栏目的名称，td用来填充由tr和th标记组成的表格。 表格格式如下： table 属性=值… caption表格标题文字/caption tr 属性=值…. th第1个列表头/th th第2个列表头/th… th第n个列表头/th /tr tr td 属性=值…第1行第1列数据/td td第1行第2列数据/td…td第1行第n列数据/td /tr tr … td第n行第1列数据/td td第n行第2列数据/td…td第n行第n列数据/td /tr /table 1. table标记的属性 用table标记创建表格时可以设置如下属性： align。指定表格的对齐方式，取值为left（左对齐）、right（右对齐）、center（居中对齐），默认值为left。 background。指定表格背景图片的URL地址。 bgcolor。指定表格的背景颜色。 border。指定表格边框的宽度（像素），默认值为0。 bordercolor。指定表格边框的颜色，border不等于0时起作用。 bordercolordark。指定3D边框的阴影颜色。 bordercolorlight。指定3D边框的高亮显示颜色。 cellpadding。指定单元格内数据与单元格边框之间的间距。 cellspacing。指定单元格之间的间距。 width。指定表格的宽度。 2. tr标记的属性 表格中的每一行都是由tr标记来定义的，它有如下属性： align。指定行中单元格的水平对齐方式。 background。指定行的背景图像文件的URL地址。 bgcolor。指定行的背景颜色。 bordercolor。指定行的边框颜色，只有table标记的border属性不等于0时起作用。 bordercolordark。指定行的3D边框的阴影颜色。 bordercolorlight。指定行的3D边框的高亮显示颜色。 valign。指定行中单元格内容的垂直对