CSS——层叠样式表

所谓CSS呢，就是一种HTML架构的渲染手段，如果我们要浏览器按照我们自己定义的格式渲染并输出网页，就是使用CSS控制网页的格式。

CSS现在已经被大多数浏览器所支持，成为网页设计者必须掌握的技术之一。

下面是总结

-------------------------------------------------------------------------------------有没有那么一首割--------------------------------------------------------------------------------------------

CSS样式表可分为3种

1.外部演示表：在head部分中声明link<rel="stylesheet" type="text/css" href="xxx.css">。然后在另外一个xxx.css文件中做声明,直接使用#XXXX,不需要再html或者style。最后直接由主页面调用即可

2.嵌入式样式表：在head部分声明<style type="text/css"></style>,后面body部分调用

3.内联样式表：在head部分声明<* style="xxx;">xxx</*>，后面body部分调用

     CSS一个样式规则由一个选择器和一个声明块组成，选择器有7种

1.元素选择器：em{ 属性：值 }

2.类选择器：.类名 { 属性：值 }

        3.ID选择器：#id名 { 属性：值 }

        4.包含选择器：略

        5.通配符选择器：* { 属性：值 }

        6.伪类选择器： a{}

  a:link{}

  a:visited{}

  a:hover{}

  a:active{}

7.伪元素选择器：p:first-line更改第一段    p:first-letter更改第一个字

     CSS的属性单位

1.长度单位：绝对长度值cm,nm等；相对长度px,em等

2.颜色单位：可以用这些方式来表示

color:rgb(50%,0,50%)

color:rgb(128,0,128)

十六进制颜色代码#fc0eab

十六进制颜色代码#080，等同于#008800

能识别的颜色英文单词

3.URL单位：url("*")

4.字体：font-size字体大小，font-style倾斜程度，font-variant字体变体

      font-weight设置字重，font-family设置字体

        5.文本：text-indent文本首行缩进，text-align文本对齐方式，text-decoration文本       修饰方式，text-shadow文本阴影特效，line-height设置行高

      line-spacing设置字间距，word-spacing设置此间距，white-space设置空       白显示形式

6.背景：background-color设置背景颜色，background-image设置背景图片

      background-repeat设置是否及如何铺排，background-attachment设置背      景图像是随对象滚动还是固定

优先级

      选择器{       1.内联                           样式{       1.内联样式表

   2.ID选择器                                    2.嵌入样式表

   3.class,属性选择                           3.外部样式表

   4.元素                                            4.浏览器缺省样式  

   5.*通配符