html重点复习.pptVIP

html 了解 www 万维网 http超文本传输协议 html 超文本标记语言 标题标签：文本标题标签h1-h6 网页标题：title/title 回车+shift =br /换行 直接回车 =p/p换段 文本以大写开头：text-transform:capitalize; 文本都大写：text-transform:uppercase; 文本都小写：text-transform:lowercase; 了解 s/sstrike/strikedel/del 类.FF{text-decoration:line-through}删除线 u/uins/ins下划线 strong/strongb/b粗体 i/i斜体 重点 1.页边距【边界】IE游览器默认为10px，通过body的margin属性设置FF默认为8px，通过body的padding属性设置要清除页边距一定要清除这两个属性值 body,dl,ul,ol,h1{margin:0px;padding:0px} 几乎所有的容器都有默认的页边距[内边距padding和外边距margin]。 重点 /*.pic1【pic1不用设置 pic已经设置了pic1(也就是pic1不用设置啦)】 .pic4分别为菜单前的小图标*/ .pic{background:url(E:/项目/html/img/icon.gif【总图片】) no-repeat;width:28px;height:28px} .pic2{background-position:-28px 0px} .pic3{background-position:-84px 0px} .pic4{background-position:-112px 0px} 基本符号 “.”类名标识符 “ #”id标识符 “ ,区隔多个选择器共用一套样式div,ul{}divul采用相同样式 “ ”空格区分上下级元素div ul{list-style:none;}div 的ul元素 :伪类符号 li. 标签+类 li.pic{}类名为pic的li标签样式 div#标签+id div#nav{}id为nav的div标签样式 基本符号 id+空格+类 # . #nav .pic{}id为nav元素内的pic类样式 id+空格+类+逗号 # ., #nav .pic{}id为nav元素内的pic和text类，都采用相同的样式。 背景色,图片 body bgcolor= background=/body table bgcolor= background=/table tr bgcolor= background=/tr td bgcolor= background=/td CSS样式：headtitle/titlestyle type=text/csstable{bgcolor: ; background-image:url(images/1.jpg);} 超链接标记 a name=m主题名称/a创建锚记 a href=#m主题名称/a#告诉游览器当前的链接是文档的一个锚记点 主题名称可以不同。 eg:a href=#m[新人上路]/a a name=m新人上路指南/a html的基本结构 htmlheadtitle/title/headbody /body/html成对出现，成对输入。 body bgcolor=#FFCCFF background=文本/body 块级标签支持嵌套。meta标签放置在标处,以提供关于页面的信息,它设置网页的编码语系。 常用的块状结构 div-dl-dt-dd div-ul-li div-ol-li table-tr-td form/form一般和table连用 块层面的分类：块元素block(容器)；内联元素(inline) 老师指导1 align[p,img等],style[div,span等]属性支持所有的页面元素[块级和行级]。div style=width:400px;height:300px;background:#9FFspan style=color:red;font-size:50px;8/span元；在style中设置页面元素支持的属性。 address/address是地址字体会变为斜体.blockquote/blockquote定义块引用，自动添加换行和外边距,与外面的内容互不影响。 name属性用于服务器端获取数据 老师指导2 结构化元素：里面含有标签的标签oluldltable 终端化元素：里面只含内容[文本图像等]的标签.divformdtddtd 多目标块状元素:一定为终端化元素,可以自由的嵌套或扩展文档的结构,包含块状元素，内容[文本和行级标签的组合]，不能同时包含两者