前端————CSS+div

作用:CSS和div结合使用页面进行布局是当前比较流行的一种方式

 

概念介绍

什么是div

 

什么是span

 

什么是CSS

 

 

结合使用的格式:

<!DOCTYPE html>

<html>

  <head>

    ......

    <style type="text/css">

      选择器{

        属性名1:属性值2;

        属性名2:属性值2

        属性名3:属性值3

        }

    </style>

  </head>

  <body>

    <div>

    ......

    </div>

    <span>

    .....

    </span>

  </body>

<html>

CSS的使用:

 语法和规范:

选择器{

  属性名1:属性值2;

  属性名2:属性值2;

  属性名3:属性值3;

}

CSS的引入方式(js的引入方式类似):

 

元素选择器:

 CSS基本选择器有三种(元素选择器、类选择器、id选择器)

CSS其他选择器(层级选择器、属性选择器、)

  层级选择器:

  元素名(空格)层级元素名{

    属性名1:属性值1;

    属性名2:属性值2;

    属性名3:属性值3;

  }   

例:

     属性选择器:

   元素名[属性名]{

    属性名1:属性值1;

    属性名2:属性值2;

    属性名3:属性值3;

  }

 例:

 

 

 

 

posted @ 2019-01-19 18:29  小菜鸡哒  阅读(96)  评论(0)    收藏  举报