向钱看丷向厚赚
向钱看丷向厚赚

day05

A今天我学到了什么：

1.margin的一些小问题

//给子元素margin-top,父元素移动，子元素不移动
解决方案：
1.overflow:hidden;
2.给父元素设置伪元素：one：before{content";
display:table}

例子：

        .one {
            width: 300px;
            height: 300px;
            background-color: red;
            /*overflow: hidden;*/
               }
        .one:before{
            content: "";
            display: table;
              }

       .two{
            width: 100px;
            height: 100px;
            background-color: black;
            margin-top: 50px;
             }


//上面的元素margin-bottom和下面元素的margin-top会重合。

2.绝对路径和相对路径

//绝对路径：从盘符开始的路径

![](D:images/down.jpg)

相对路径：相对当前文件所在的路径

//同级路径：src:  down.jpg

//下一级目录：src:images/down.jpg

//上一级目录：src:../down.jpg

2.HTML表单相关元素

2.1一个登录页面

例子：


    


    


    




//定义和用法：

label元素不会向用户呈现任何特殊效果，不过，他为鼠标用户改进了可用性。

如果您在label元素内点击文本，就会触发此控件。

label标签的for属性应当与相关元素的id属性相同。

2.2单选框

例子：

2.3复合选框

例子：

2.4下拉选框

例子：

2.6文本域

2.6文本域