内容回顾:

  1标签嵌套

      行内标签和块标签

      行内标签不可以嵌套块级标签,但不绝对。

      块标签嵌套块标签、行内标签。

        但是p标签中的子标签只能是行内元素,表单元素,图片

  2table

    tr

    td

  3form  action 行为 methods:get | | post enctype=‘’ 一点要提交文件到服务器,一定是post请求

    lable

        for:与input的id有很大关联

    input  这及以下都重要******

        type

          text:普通的文本

          password:密码本

          submit:

          radio:单选框

          checkbox:多选框

        name       value

    select

        option

    textarea

        rows 排     cols列

  4 css

    三种引入方式:

      (1)行内样式>内接样式和外界样式

    基本选择器

    选择器的作用:选中标签,设置属性

      标签选择器:

      选择的是‘共性’,不管标签嵌套多少层

      <div   id='box'   class='box'> alex </div>

      div{

          color:red;

        }

      div

          div        这往下可以256个,不过过了6  7个就乱码或者太麻烦没必要

      id选择器

          选择的是‘特性’,id是唯一的,未来与js有很大关联

      #box{

          color:yellow;

        }  

      class选择器

          选择的是共性,类选择器可以设置多个。一个标签也可以设置多个

      .box{

          color:green;
        }
      .active{
          color:red;
        }

      通配符选择器 重置样式
      *{
        padding:0;      去除内边距
        margin: 0;    margin:n m p q表示该元素上外边距为n   1px,右外边距为m,下外边距为p,左外边距为q,即 margin:上 右 下 左 ,逆时针一圈。
      }
      ul{
        list-style:none;      列表样式无
      }
      a{
        text-decoration:none;     文本修饰无
      }

今日内容:

    1。高级选择器

      后代选择器

        儿子、孙子、重孙子

      div  ul  li   p{ color:red;}

      自带选择器,只能是亲儿子

      div  p

      组合选择器

        多个选择器组合到一起共同设置样式

        div,p,a,li,span{font-size: 14px;}文本文件大小

      交集选择器

          div.active{}

      属性选择器

      input【type=‘text’】

      伪类选择器:LoVe HAte

            a:link   没有被访问的

            a:visited  访问过后的

            a:hover   鼠标悬停的时候发生变化

            a:active   按住的时候

      伪元素选择器

            p:before  在。。。的前面添加内容  一定要结合content

            p:after  在。。。的后面添加内容  与后面的布局有很大关系

  2.css的继承性和层叠性(坑)

      继承性:color、text-xxx、font-xxx、line-xxx(行高)的属性是可以继承下来。盒模型的属性是不可以继承下来的

     a标签有特殊情况,设置a标签的字体颜色  一定要选中a,不要使用继承性

     层叠性:     覆盖

          (1)行内>ID>class>标签****

            1000  100     10    1

          (2)先数id 再class。。。。

          (3)先选中标签,权重一样,以后设置为主

          (4)继承来的属性   它的权重为0,与选中的标签没有可比性

          (5)如果都是继承来的属性,保证就近原则(谁继承的更深入,谁权重高)

          (6)都是继承来的属性,选择的标签一样近,再去数权重

  3.盒模型

      属性:

          width:内容的宽度

          height:内容的高度

          padding:内边距  内容到边框的距离

          border:边框

          margin:外边距    另一个边到另一个边的距离

      盒模型的计算:

          总结:如何保证盒模型的大小不变,加padding  就一定要减width或者减height

          前提是:在标准文档流

                padding:父子之间调整位置

                margin:兄弟之间调整位置

    4,布局的方式   浮动

        浮动能实现元素并排   float

        盒子一浮动 就脱离了标准文档流,不占位置。