day06

今天学到的知识

三种布局方式

1.默认布局2.float布3.层级布局(定位布局)

1.子元素绝对定位不会继承父元素的width

.parent{
            width:100px;
            height:100px;
            background: red;
            position: relative;
        }
        .child{
            height:50px;
            background: green;
            position:absolute;
        }

2.表单

<form>
</form>

标签

 <label for="user">用户名</label><input type="text" id="user">
<label for="pwd">密码</label><input type="password" id="pwd">
<label for="male">男</label><input type="radio" id="male" name="sex">
//for值和id值要一致

复合框

<input type="checkbox">足球

下拉框

<select >
                <option value="武昌区">武昌区</option>
                <option value="洪山区" selected>洪山区</option>
                <option value="青山区">青山区</option>
</select>

吐槽框

<textarea placeholder="请吐槽" cols="30" rows="10"></textarea>