divcss课件-第3章CSS网页布局与定位.ppt

Div+Css第三章CSS网网页页布局与定位布局与定位 本章目标1.掌握什么叫掌握什么叫2.掌握盒子模型掌握盒子模型3.掌握浮动问题掌握浮动问题4.掌握定位问题掌握定位问题 本章重难点重点盒子模型浮动问题关于定位关于DIV特性。作用。并列与嵌套盒子模型Margin与padding的区别关于margin与padding区别？何时用margin何时用padding简写Margin:10px;四边同Margin:10px 20px 30px 40px;(上右下左)Margin:10px 20px;（上下、左右ng）盒子居中(左右间距设置为auto)Padding浮动：Float:left/right小技巧：要使多个块元素能排在同一行，则都要浮动实例：导航条贵州新华电脑学院贵州新华电脑学院电子商务专业电子商务专业定位 补充CSS常用属性（课时视情况与其它章节调整）CSS教程教程字体属性字体属性CSS教程教程颜色与背景属性颜色与背景属性Em:12pixels 的 M常用于印刷的单位CSS教程教程文本属性文本属性v对链接的修饰A:link 未访问时的状态A:visited 访问过后的状态A:active 鼠标点中不放时的状态A:hover 鼠标划过时的状态a:focus 链接获得焦点时的状态a:linka:visiteda:activea:hovera:focusCSS教程教程装饰超链接装饰超链接 伪类选择符伪类选择符CSS教程教程边距属性边距属性CSS教程教程填充属性填充属性CSS教程教程边框属性边框属性CSS教程教程盒模型盒模型CSS教程教程图文混排图文混排CSS教程教程列表属性列表属性CSS教程教程鼠标属性鼠标属性CSS教程教程定位属性定位属性CSS教程教程滤镜属性滤镜属性