(精)CSS选择器与盒模型.pptVIP

CSS选择器与盒模型 演示人：张锋 CSS与标准网页设计 CSS全称是：Cascading Style Sheet，是用于控制（增强）网页样式并允许将样式信息与网页内容分离的标记性语言。 什么叫标准网页设计？每个页面都是由“内容”（html）与“表现”（CSS）组织起来的，html只负责显示内容，具体显示形式是CSS排版的任务。 题目：CSS常用选择器 一、ID选择器。 题目：CSS优先级 一、内联样式。 题目：块元素与内联元素 一、块元素(block)的特点： 题目：盒模型图示一 题目：盒模型图示二 题目：盒模型的三个属性 一、margin属性。 题目：盒模型的三个属性 二、padding属性。 题目：盒模型的三个属性 三、border属性。 演示完毕 谢谢大家 下次再见 * 唯一性，与js调用动态对象不能冲突。 二、Class选择器。 可重复利用。 三、标签选择器。 如，p标签。 四、通用选择器。 如：*{margin:0; padding:0;} 五、其他非常用选择器。 如：属性选择器，img[alt]{border: solid 1px #00f;}；子选择器， #div h1；相邻选择器，#div + p。 值：0+1000 二、ID选择器。 值：0+100 三、Class选择器。 值：0+10 四、标签选择器。 值：0+1 以上四种属性可以叠加，计算结