HTML标记语言专用课件.pptVIP

样式（.css）文件 样式（.css）文件 如果要将这些样式应用到其他HTML文档中，应该使用样式文件。即，将这些样式定义存储在一个扩展名为.css的样式文件中，css文件可以是一个标准的HTML文件，只不过body…/body为空。 使用css文件 link type=text/css rel=stylesheet href=mystyle.css 重点难点 文件命名要规范，例如：通用的样式文件mycommon.css,关于表格的样式定义文件mytable.css 样式名要规范，便于阅读 举例1—定义通用样式文件mycommon.css 文件名mycommon.css 包含页面中常用的标记样式类定义，包括：a标记、各种文本样式定义 网页文件 html head meta http-equiv=Content-Language content=zh-cn meta http-equiv=Content-Type content=text/html; charset=gb2312 link rel=stylesheet type=text/css href=mycommon.css /head body p class=txtwarning使用CSS样式类的好处：/p p（1）内容与显示的分离/p /body /html 举例2—定义关于table的样式文件mytable.css 文件名mytable.css 包含在表格中使用的表格标记、单元格标记、单元格内容、单元格文本等各类样式 表格样式的使用 span标记 span元素不同于一般的HTML元素，它没有自己的显示内容和显示特性。引入 span标记的目的是：定义一个行内区域，可以给这个区域一个id属性，结合CSS，对该区域设定特定的样式，以得到需要的显示效果。也可以使span标记的区域响应鼠标或键盘事件，制作菜单、树形结构目录、列表框及下拉列表框项目。 span在行内定义一个区域，也就是一行内可以被span划分成好几个区域，从而实现某种特定效果。和div标记相比，span在CSS定义中属于一个行内元素，而div是块级元素 span举例—span标记区的访问方法 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 script language=javascript function setspan(spid,flag) { if(flag==1) { // 使用函数参数访问span对象 document.all.item(spid).innerHTML=font color=red size=7Hao/font; //直接使用span标记的id号访问对象 sp2.style.display=inline; sp3.style.display=none; } if(flag==2) { document.all.item(spid).innerHTML=font color=red size=7Jiang/font; sp2.style.display=none; sp3.style.display=inline; } } /script /head body a href=javascript:setspan(sp1,1)Mr.Hao/a/br a href=javascript:setspan(sp1,2)Miss.Jiang/a/br p亲爱的span id=sp1xxx/spanspan id=sp2 style=display:none先生/spanspan id=sp3 style=display:none女士/span/p /body /html span举例—常见应用 在页面内容见留出空白 span style=width:340px;overflow:hiddenspan 定义区域，接受鼠标事件 span id= onclick=span 块级元素的相对定位 span style=width:340px;overflow:hiddeninput type=text name=tempstr value= size=60/spanspan style=width:80px;overflow:hiddeninput type=file style=width:0px;margin-left:-4px name=showaddfile onpropertychange=showfile(this)/span 问题：margin-left:-4px是什么意思？ 块级