网页设计课程三.ppt

网页设计与制作 目录 YourTextHere 网页设计与制作课程三 HTML基本标签 层段落标记换行标记无序列表有序列表连接表格行列 Text文字字段Password密码域Radio单选按钮Checkbox复选框Button普通按钮Submit提交按钮Reset重置按钮Image图像域Hidden隐藏域File文件域下拉列表框文本域 网页设计与制作课程三 HTML补充标签 行间对象div块状对象span标题h1h2h3h4h5h6内容p水平线hr保留原始排版方式标记pre 网页设计与制作课程三 HTML编写习惯 1 属性名称必须小写 2 属性值必须使用双引号 3 不允许使用属性缩写 4 使用id代替name 5 必须使用结束标签 基本信息 body font 12pxTahoma margin 0px text align center background FFF 页面层容器 container width 100 页面头部 deader width 800px margin 0auto height 100px background FFCC99 页面主体 pageBody width 800px margin 0auto height 400px background CCFF00 页面底部 footer width 800px margin 0auto height 50px background 00FFFF 网页设计与制作课程三 HTML布局 网页设计与制作课程三 CSS语法结构 body font 12pxTahoma margin 0px text align center background FFF 网页设计与制作课程三 选择符的类型 Id选择符Class选择符类型选择符群组选择符包含选择符组合选择符伪类及伪对象通配选择符 footer width 100 footer width 100 body width 100 body footer width 100 body footer width 100 body footer footer width 100 a hover background color 333 width 100 网页设计与制作课程三 CSS的引用 行间样式表CSS样式写在XHTML标签内内部样式表CSS样式统一写在XHTML的标签内外部样式表CSS样式统一写在一个CSS文件 优先权 写法优先权行间样式表内部样式表外部样式表选择符优先权id优先于class抢先优先权 important 网页设计与制作课程三 CSS补充知识 1 一律小写 2 尽量用英文 3 不加中杠和下划线 4 尽量不缩写 除非一看就明白的单词 书写注意事项 作者 aaa制作日期 2010 03 16版本 10 01 S头部样式 head background color FFF 背景为白色 E头部样式 注释写法 网页设计与制作课程三 CSS基础属性 font文字属性 定义字体 字号 风格 background背景属性 样式 图像 位置 重复 margin边距 宽度 border边框 宽度 padding填充 宽度 position定位方式 绝对定位 相对定位 float浮动属性 clear清