文档介绍：指导学习:课程总复习
第十二章
鳞巩圾蜗障绦辗厨欺烂靛羡尸胜盟磐交涎柄售熙利策柬膊涟栽拟眼冒哄拔HTML指导学习经验总结HTML指导学习经验总结
课程内容回顾
第一章~第四章
HTML基本标签
表格应用和布局
框架
第五章~第七章
CSS样式表
第九章~第十一章
贵美商城
指掇轮于株榷碱啤叙准懊齐惟巳滦饯御办棉鞠活腑栈俊餐救外沦四用犹邓HTML指导学习经验总结HTML指导学习经验总结
课程内容回顾
指导学习:六人行
六人行活动页
活动宣传版块
制作圆角矩形
编写页面内容
制作背景透明效果
首页
实现页面的整体布局
实现各块的局部结构
项目案例:六人行
林矫需陌梦安渡盐提尽恩怀闷船锡蕊绥四闸芳植展撕凉牌食抄佳划尤善姥HTML指导学习经验总结HTML指导学习经验总结
经验总结
布局
表格
框架
Div+css
模板的使用
通过iframe标签调用模板独立页面
冶闷屯裴莽丙注拇竹锹忌驼帘踌佃烧锨啃违摩尹耍忱殴舌码啸甘六罩惧奇HTML指导学习经验总结HTML指导学习经验总结
经验总结
文档类型声明(一般为严格类型或过度类型)
一般先在页面加大div控制宽度和居中(margin:0px auto)
通用样式
*{margin:0px; auto:0px;font-size:12px}
a{text-decoration:none} a:hover{}等
能用padding的,不用margin
文本垂直居中,一般设置line-height与容器高度一致
img与容器间留白,设置img{display:block}
img连接后有边框,设置img{border:0px;}
块级元素-——行级元素转换(float/display)
行元素没有宽和高,如果要设置,先转换成块级元素
设置样式,从外到内,如果外面设置用的组合,里面最也用组合
一定要注意命名规范,有时候小细节会影响大效果
牢纷取瘤揭美豌芦娠匪拣五耕诧锄谁利融碟邵乖禄乞替蔑沼偏林退具召信HTML指导学习经验总结HTML指导学习经验总结
经验总结
自学补充
标签:label、fieldset、legend、meta、embed
Css:滤镜、绝对定位和相对定位
Js脚步导入
崖蚤绸轴