CSS第八周笔记（2）

一·CSS创建

1.插入样式表

        外部样式表；内部样式表；内联样式；

2.外部样式表

     (1)   在使用外部样式表的情况下，可以通过改变一个文件夹来改变整个站点的外观，每个页面使用<link>标签链接到样式表，<link>在头部；

      (2)外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存.

3.内部样式表

        当单个文档需要特殊的样式时，就应该使用内部样式表，可以使用 <style> 标签在文档头部定义内部样式表。

 

4.内联样式

        （1） 由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。

        （2）要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style 属性可以包含任何 CSS 属性.

5.多重样式

         如果某些属性在不同的样式表中被同样的选择器定义，那么属性值将从更具体的样式表中被继承过来。 

        (1)<外部样式表拥有针对 h3 选择器的三个属性>

        (2)<内部样式表拥有针对 h3 选择器的两个属性> 

         (3)<内部样式表的这个页面同时与外部样式表链接>

(颜色属性将被继承于外部样式表，而文字排列（text-alignment）和字体尺寸（font-size）会被内部样式表中的规则取代。) 

6.多重样式优先级

        （1）样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。

        （2）优先级的一般情况：

                                （内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式

二·CSS背景

<CSS 背景属性用于定义HTML元素的背景。>

1.颜色

        background-color 属性定义了元素的背景颜色；页面的背景颜色使用在body的选择器中。

        CSS中，颜色值通常以以下方式定义:

• 十六进制 - 如："#ff0000"
• RGB - 如："rgb(255,0,0)"
• 颜色名称 - 如："red"

2.图像

        （1）默认情况下，背景图像进行平铺重复显示，以覆盖整个元素实体..

         （2）图像 - 水平或垂直平铺

        默认情况下 background-image 属性会在页面的水平或者垂直方向平铺。

        （3）图像- 设置定位与不平铺

                                                   <图像不平铺> 

        

                                                  <改变图像位置> 

 

3.简写属性

         为了简化属性的代码，将这些属性合并在同一个属性中；背景颜色的简写属性为 "background"；

当使用简写属性时，属性值的顺序为：

• background-color
• background-image
• background-repeat
• background-attachment
• background-position

4.背景属性