①表单
表单是提交给服务器的 常见的就是baidu搜索框
创建表单
<from action='指向服务器'>
<fieldset> 为表单分组
<legend>指定组名</legend>
<label for='um'>用户名</label>um表示和下面input是一组 一般跟单选多选结合的比较多
用户名<input id='um' type='test' name='username' value='框内默认值' placeholder='提示信息'>输入信息 以查询字符串的形式发给服务器 可以写多个
密码<input type='password' name='username' value='框内默认值' placeholder='提示信息'>
单选框
性别<input type='radio'单选项 name='a' value='male'>男
<input type='radio'单选项 name='a' value='female' >男 name相同说明他们是一组才能达到单选按钮的效果 value告诉服务器用户的所选项
多选框
<input type='checkbox'多选项 name='a' value='male'>name和单选相同 表示分组 value也是告诉服务器用户的所选项
<input type='submit' value='按钮形式'>提交信息
<input type='reset'> 重置 恢复默认值
<input type='button'> 没作用 但是作用无线 一般上结合js使用
<button type='submit'>提交</button>
<button type='reset>重置 恢复默认值<burron> 和上述input功能相同 只不过一个是自结束标签 一个是标签对 但是这个使用的更灵活
</from>
②下拉列表
<select name='star'>
<optgroup label='男明星'>下拉列表分组 label指定组名
<option value='kxx'>可选项</option>
<option value='kxx' selected='selected'使下拉列表别为多选>可选项</option>
</optgroup>
</select>
③多行表单/文本框
自我介绍<textarea name='info'></textarea>
④框架集
<frameset rows=‘使引入的页面横着摆’cols=‘是引入的页面竖着摆’>和body不能出现在一个人页面里 可以嵌套 而且不能有自己的内容 只能引入
<frame src=‘需要引入的代码’>
</frameset>
⑤ie6png的修复
一 用png8代替png24
⑥css3的国度动画
transition:width 500ms ease,height(高) 500ms(运动时间) ease 500ms(睡眠0.5秒);
border-radius:50px 设置圆角
box-shadow: 设置阴影
rgba(0 0 0 1)前三个数值表示颜色,第四个数值表示颜色的透明度
css3的新增特性权重 新增选择器 圆角 阴影 透明度 rgba transition动画 transform变换 animation动画
ps:整合
解决父元素外边距重叠
.box:begore{
content:'';
display:both
}
解决父元素高度塌陷
.clearfix:after{
comtent:''
display: block
clear:both
}
综合一下
.clear:fix:before,
.clear:fix:agter{
content:'';
display:table'
clear:both;
}
.clearfix{
zoom:1
}