3-2--css-2教案.pptVIP

CSS 为什么需要CSS HTML标签的外观样式比较单一 颜色只有黑白 字体类型和大小无变化 样式表的作用相当于华丽的衣服 css实现内容和样式的分离，方便开发、维护 易于对页面实现精确的控制 常用样式属性分类 文本属性 背景属性 边框属性 边界属性 填充属性 浮动属性 列表属性 定位属性 超链接-伪类样式 如果希望部分li标签采用其他样式，怎么办？ 如果希望控制某个DIV块样式，并且要求块元素唯一，怎么办？ CSS组合设置 前述的三种样式可以组合 div#head:id是head的div。。。 多种样式可以通过‘,’并列 h1,h2,h3,#head:h1,h2,h3,和id是head的元素… 后代 div a:div中的a 标签 .myc #m:class是myc中的id是m的元素 类样式可累加 Class=“c1 c2” 各类样式有继承 各类样式的优先级 浏览器默认设置 外部样式表文件 内部样式表 行内样式表 标签选择器 类选择器 ID选择器 样式的优先级3-2 “日用百货”链接 样式的优先级3-3 购物车的样式 列表属性 列表（li）常用属性 list-style （列表风格） 练习——CSS选择器 需求说明： 使用各类CSS选择器，实现如下的页面美化效果 css中的盒子模型 盒子模型 元素内容 填充（也称内边距） 边框 边界（也称外边距） 盒子模