CSS（之一）

标签：

CSS（Cascading Style Sheet）

四种控制方式：

1. 行内样式（写在body里面）

   格式：<div style="height:100px;width:100px;border:solid 1px red;"></div>  (任何html标签都有style属性)

2. 内嵌式（写在title下面）

   三种选择器：标签选择器、类别选择器、ID选择器

   标签选择器 (title下面写)

         <style type="text/css">

         div

        {

       width:100px;

       height:100px;

      border:solid 1px red;

        }

      </style>

 类别选择器（title下面写）一个标签里面可以写多个标签

      .c1

      {

      color:red;

      }

     body里面写

    <div class="c1 c2“>你好</div>

 ID选择器

    #d1

    {

    color:green;

    }

    body里写

   <div id="d1">你好</div>

   id 不能重复，class可以重复。   优先级 id选择器>class选择器>标签选择器

3. 链接式（最常用）

   建立网页相对的文件夹 如：CSS， CSS文件命名 demo.css，公用的CSS  base.css ，对应的页面是demo.html

   demo.css写法：

   div

   {

   color:red;

   }

   .c1

   {

   color:green;

   }

   页面中引用的方法，在title下面写：

   <link rel="stylesheet" type="text/css" href="css/demo.css"/>

4.  导入样式。基本淘汰。页面内容下载后才加载格式。

   <style>

   @import url(1.css)

   </stle>

   CSS继承：有些属性，如字体，颜色会继承

   CSS：就近原则

   CSS注释： /*   */

CSS（之一）

标签：

原文地址：http://www.cnblogs.com/hjzou/p/4826292.html