9.02日 CSS基础中css引用、css优先级、选择器与优先级、盒模型

1.    案例演示 ifram 标签

       代码：

    页面效果：

        2.    实例演示: css样式设置的优先级

        内联样式：

    内部样式：

    外部样式：

    3. 实例演示: css的id, class与标签选择器的使用规则

    选择器：id选择器            #id{ }

                  类选择器            .class名{ }

                  标签选择器            标签名{ }

    优先级：id选择器 > 类选择器 > 标签选择器

    4. 实例演示盒模型的五大要素: width, height, padding, border, margin(暂时忽略)

    

    5.     总结

• 内联框架：在当前页面中加载另一个页面，用<ifram  name=""></ifram>标签，name属性很重要

• css是层叠样式表，用来设置html元素在浏览器页面中的布局与显示方式。

• css引入方式：内联样式（用style属性，仅作用到当前元素）、内部样式（用<style></style>标签，仅作用到当前文档）、外部样式（引入.css文件，可作用在引入.css文件的多个文档中）

• css引入方式优先级：内联样式 > 内部样式 > 外部样式      作用的位置越精确，优先级越高  

• css选择器：id选择器（  用#id{ } 定义 ）、类选择器（  用.class名{ } 定义 ）、标签选择器（ 用  标签名{ }  定义 ），在{}内可书写多种样式规则。

• css选择器优先级：id选择器 > 类选择器 > 标签选择器

• 盒模型：模型可以套模型，用css修饰

• 盒模型的五大元素：width宽度、height高度、padding内边距、margin外边距、border边框

• padding/margin  默认透明，只有宽度属性

• border :  默认黑色，除宽度外，还可设置样式和前景色

•