导航

CSS(之一)

Posted on 2015-09-21 17:26  Dr.Zou  阅读(145)  评论(0编辑  收藏  举报

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注释: /*   */