frameset:和body不能共存
rows 上下排列 百分比
cols 左右排列
frame:
src-引入的子页面
name-当前窗口标签起名
a标签中 target=“name”
noresize:大小不可改变
<frameset>
<frame src="header.html" noresize/>
<frameset>
<frame src="menu.html" noresize/>
<frame src="body.html" noresize name="body"/>body当中跳转界面的窗口
</frameset>
</frameset>
<a href="http://www.baidu.com" target="body">百度</a> 实现在bodyframe中跳转界面
–
form:表单标签 action 服务器地址 method 提交方式 get/post 默认get entype:multipart/form-data表单类型-后期文件上传
input:type name value id
type: text-普通文本
password-密码
radio 单选按钮 配合name使用 建议添加value
默认选择 checked
checkbox 多选框 配合value使用
默认选项checked
file-选择文件 后期文件上传使用
date 时间选择 yyyy-MM-dd
submit- 提交按钮
button- 普通按钮
reset-重置按钮
select:下拉列表
option 子标签 建议配合value使用
默认选择selected
textarea:多行文本域
rows cols
label:通常给checkbox和radio使用 for=“id值”
自动换行 不自动换行
–
css方式
内嵌式
1
内联式
–浮动
.class{
float:left/right; 多个浮动如果一行宽度太小,就会被挤下来
clear:both;清除浮动 不清除浮动,不浮动的元素会被浮动的元素遮挡
}
ul li:first-child 首个元素选择
div{ display:inline 显示 /none 隐藏/ block:以块元素显示 }
定位
#two{
position:absolute; 绝对定位:相对于body
top:100px;
left:200px;
position:relative; 相对定位:相对与父标签
top:100px;
left:200px;
}