您的位置:首页 > Web前端 > CSS

Web表单标签divcss盒子模型浮动定位

2019-07-28 13:20 155 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/weixin_44355915/article/details/97613462
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;
}

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: