(精)DIV+CSS.pptVIP

DIV+CSS布局 本章目标 掌握CSS的基本语法 使用文本和字体样式美化网页 使用背景样式美化网页 为什么使用CSS样式表 样式表能实现内容与样式的分离，方便团队开发 样式复用、方便网站的后期维护 页面的精确控制，实现精美、复杂页面 CSS的用途 1、外观美化 2、布局、定位 CSS基本语法 选择器的分类 标签选择器 选择器的分类 如果希望部分li标签采用其他样式，怎么办？ 类选择器(class) 选择器的分类 如果希望控制某个DIV块样式，并且要求块元素唯一，怎么办？ ID选择器 练习——CSS选择器 需求说明： 使用各类CSS选择器，实现如下的页面美化效果 文本属性 字体、字号： font（缩写形式） font-weight（粗细） font-size（大小） font-family（字体） 文本属性 背景属性 背景属性： background （缩写形式） background-color（背景色 ） background-image（背景图 ） background-repeat（背景图重复方式 ） background-position（位置坐标、偏移量） 背景属性 背景属性的经典应用 图标截取--背景偏移量技术 列表属性 列表（li）常用属性 list-style （列表风格） 列表属性 列表属性的典型应用：导航菜单 练习——修饰商品分类 需求说明