web遮罩问题

一、web前端选择器

         选择器                          选中书写方式

         id:                            #id（id名称）{}

         class:                         .class（class名称）{}

         标签:                           div/p/img{}

         包含;                           div p span{}

         群组：                         div,p,span{}(两个选择之间用逗号隔开）

二、web遮罩问题

        margin-top遮罩问题：

       1.给子集加margin-top值，父级会依据margin-top的属性值移动，父级里面的所有子集会跟随父级一起移动

        解决方案：

      （1）加border（边框）也可只加上边框（让边框透明或者融入背景色）

      （2）可加float（浮动）

      2.两个上下排列的盒子，给上面的盒子加margin-bottom属性值200px，给下面的盒子加margin-top属性值100px，浏览结果会最终显示两个盒子之间的间距增加200px。

        也就是说属性值没有叠加，浏览器会读取两者之中较大的值进行处理。

三、input标签

        text，password，color，button，submit，checkbox，placeholder，resent

       input标签一般位于from标签中如：

       <form  action="#"  method="get/post">

                <input type="text" name="" value="">

       </form>

 

      method:提交方式（get比较常用） name：数据名称 （如果没有名称无法提交）