Css基础 css语法 Css样式表的创建 样式表的优先级

个人博客 http://www.sharedblog.cn/?post=106

一、Css概念及特点

    css——层叠样式表

    特点：实现了结构与表现相分离

 

 

二、css语法

    css由选择符和声明两大部分组成，声明又由属性和属性值两部分组成

    选择器 {属性:属性值;}

        

eg： p{ color: red; }

        注：①Css样式中所有的标点符号都必须是英文状态下的

              ②Css属性和属性值用冒号连接，每条声明结束都要加分号

 

三、样式表的创建

    1.内联样式（行间样式，行内样式）

        语法：

<标记 style="属性:属性值;">
           eg: 
共享博客

    2.内部样式（嵌入式样式）

        语法：

        注：style标签一般放在head部分，type="text/css" 告知浏览器style标签之间的内容是css样式，不需要解析到网页。

 

    3.外部样式

    link和@import的区别 http://www.sharedblog.cn/?post=33

        ①使用link标签

            首先：创建一个外部css文件，扩展名为 .css

            最后：在html页面使用link标签引入css文件

            语法：

            注：link标签一般放在head部分

                  rel用来说明目标文件和当前文件的关系

        ②使用@import方式引入

            语法：

@import "css文件路径";

            注：@import只能出现在css文件中

                  @import引入的css文件必须放在本页面所有css样式之前

 

四.样式表的优先级（三种样式表的区别）

    在没有出现 !important 的时候，采取就近原则，离被设置的元素越近，优先级越高，一般情况下：内联>内部>外部

    当出现 !important 时候，他的优先级最高： !important > 内联>内部>外部

 

五.Css注释

    语法：

  /*注释的内容*/

个人博客  http://www.sharedblog.cn/?post=106