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;
}
相关文章推荐
- CSS核心内容-标准流、盒子模型、浮动、定位
- 【css技术指南笔记】 第三章 盒子模型 浮动 清除浮动 定位 显示属性 背景
- css的核心内容 标准流、盒子模型、浮动、定位等分析
- 网页布局基础——文档流、盒子模型、浮动、定位
- 初学牛腩CSS核心内容标准流,盒子模型,浮动,定位
- 【JavaWeb】CSS_盒子模型(div块标签)
- css的核心内容:标准流、盒子模型、浮动、定位
- css的核心内容 标准流、盒子模型、浮动、定位等分析
- WEB笔记-3、盒子模型+定位+显示
- CSS属性,盒子模型以及浮动和定位技术相关
- 程序猿学习第九天,浮动和盒子模型标签属性
- 从零开始学 Web 之 CSS(三)链接伪类、背景、行高、盒子模型、浮动
- CSS 选择器 样式 浮动 盒子模型 块元素 内联元素 内联块元素 定位 权重
- 初学CSS-浮动、盒子模型、伪类、伪元素、定位———Day4学习笔记
- 前端学习笔记3:浮动布局、盒子模型和position定位
- 5-CSS-浮动清除-继承-优先级-定位-引入CSS-盒子模型
- Android程序员学WEB前端(8)-CSS(3)-盒子内联块级定位浮动-Sublime
- CSS核心内容-标准流、盒子模型、浮动、定位
- css 标签显示模型 盒子模型 浮动 背景属性
- 【从0到1学Web前端】CSS定位问题一(盒模型,浮动,BFC) 分类: HTML+CSS 2015-05-27 22:24 813人阅读 评论(1) 收藏