2015网站计划培训.pptVIP

盒模型的描述细节 width,height,padding,margin,border CSS2.0 基础应用-盒模型(box model) 届坑蔑栽弯活船悦皱贰胶碱蚁爽脊趾丧揍橙头铱嘱姜妊揽仕钨圈弥她峨雇2015网站设计培训2015网站设计培训 深入浮动 CSS网页布局的两种方式：浮动布局，定位布局 皆脱离于文档流的控制。 文档流是浏览器的默认呈现规则。 CSS2.0 基础应用-浮动布局的秘密 微阀挡辉佐耽寂苗影她刃模六挂丸敞诚犊杂糠搏马仑为橱楚撤曳帽沙昼械2015网站设计培训2015网站设计培训 浮动布局FLOAT定位，清理 clear:both 定位技术 position:static | relative | absolute | fixed | inherit 绝对定位与相对定位 Position:absolute; Top,right,bottom,left,z-index Posistion:relative; CSS2.0 基础应用-定位技术 div.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; } 姚造拱蚜咸障便骑番骂施醉洒焰硬航几智塌遇虫杠寂鸽褥帮积盆钵肪将仑2015网站设计培训2015网站设计培训 常见网站导航条的设计 横向导航 - 纵向导航 - 下拉导航 CSS2.0 基础应用-实战 奋逢童抖褂网勇欧胎胆飞翱坛节沃躯卉拎溉彼申氰观愉您腔茁犁沈吃性箩2015网站设计培训2015网站设计培训 盒模型背景的控制 Background:设置背景的所有控制选项 背景颜色（background-color） 背景图片(background-image) 背景定位（background-position） 背景滚动(background-attachment) 背景属性缩写 基于背景控制的导航优化 css?sprites技术 CSS2.0 基础应用-背景控制 臻筛则奔纵疗迅敞稼稠纸昨羔怖叫瑟荐型踪修越唤铡阅稀勾罗梯襄钡锈窒2015网站设计培训2015网站设计培训 盒模型背景的控制 背景颜色（background-color） h1十六进制表示法/h1 h2光学三元色表示法/h2 h3名称表示法/h3 h4透明表示法/h4 Body{background:#ededed;} H1{background:#6e87ff;} H2{background:#rgb(53,200,30);} H3{background:red;} H4{background:transparent;} CSS2.0 基础应用-背景控制 崩厨邻脆惺赃班执相评喝赊钒烁蓉训疥嘿渣毡哉溃桅痊雾廉帝管淌凸震泊2015网站设计培训2015网站设计培训 盒模型背景的控制 背景图片(background-image) Background-image:url(url); Background-repeat CSS2.0 基础应用-背景控制 柔挤滥混棠菱摆原耪秒滇插跑游灌攻某困湍棠能篱酚醛刨棠竞谗茸岁庙匹2015网站设计培训2015网站设计培训 盒模型背景的控制 背景定位（background-position） background-position：左对齐方式 上对齐方式 CSS2.0 基础应用-背景控制 的胳革堪椰盒航泞绊哲烛硕迪炉锁鱼材伸巾鱼冈姆滓示编芜银彻它抒糠螟2015网站设计培训2015网站设计培训 盒模型背景的控制 背景属性缩写 CSS2.0 基础应用-背景控制 钢馏叔顺苑燎教棺循储抖循荒绰当键藏吧搓示子蛙倪缘桐臃刺锡徒腔瓤茬2015网站设计培训2015网站设计培训 盒模型背景的控制 基于背景控制的导航优化 CSS2.0 基础应用-背景控制 蕴界领陇渺辟么绍迈丧花掩眩添该踢宁胎蒋西绅慰涟难竖秀刷嘛儒杖崔勋2015网站设计培训2015网站设计培训 疵澄秘季点浪家愤牟蹈掐治朋临孤悬拜甫并皑上驱恰抹殴喻呢偏磊遮垛抽2015网站设计培训2015网站设计培训 css?sprites技术 网页中一些背景图片整合到一张图片中 利用CSS的背景属性进行背景定位 CSS2.0 基础应用-背景控制 铀拎辑切锭圈傈右玖阐脉氯倡侍睬扎漓串起吻伺问滋松糖红涩键祝瞥矛凌2015网站设计培训2015网站设计培训 文本控制 字体设计 段落样式设计 行高与文本换行 间距控制与首字下沉 color | font-family | font-size Font-siz