学习javaweb第二天

（一）form表单

1.其实就是一个html的容器 主要的作用是:收集前端的数据，提交到服务器
2.表单结构< form method=“get/post”>
get安全性低，post安全性高
action表示提交的地址
enctype提交方式
3.输入域标签< input>
id属性：唯一标识
type属性有如下：
text
password密码
email邮件框
CheckBox复选框
radio单选按钮
submit提交按钮
button普通按钮
reset重置按钮
file文件上传
image图片选择
date时间按钮
hidden隐藏文件
readonly是否只读
disabled是否选中
maxlength设置输入的最大长度
name属性：为当前组织获得一个名称
value属性：为当前组织获取默认值
checked属性：设置单选和复选框的状态
4.文本域标签< textarea>
cols属性和rows属性
cols设置文本域列（宽）
rows设置文本域行（高）

（二）div，css，css选择器

1.css定义规则如下:
选择器{
属性1：值
属性2：值
。。。。。
}
2.引入样式
（1）行内样式
直接在body里面的标签加入style样式
（2）内部样式
在style中书写css代码，style标签写在head标签中，不写在body标签里
（3）外部样式
css代码保存在扩展名为.css的样式表中，语法写在head标签里，不写body标签里
三种css同时修饰一个标签，优先级为：行内>内部>外部
3.css选择器
（1）常用三种选择器：元素（标签）选择器，类选择器，id选择器
（2）元素选择器：所以符合HTML规范的标签都可以作为元素选择器
（3）类选择器：类名及时HTML中class属性的值，大多数的标签都可以定义class属性。在css类选择器中使用".类名"。例如：.name{}
（4）id选择器：在cssID选择器中使用"#id名"表示。如：#name{}
ID给当前标签的id属性值，一般id是唯一的，不建议多次使用

（三）css样式

1.边框和尺寸样式：border,width,height
border：设置边框的样式（颜色 宽度 样式）
width、height：设置元素宽高度
2.布局样式< float/clear>
选择器{float:属性值}
left：向左浮动
right：向右浮动
none：默认值，不浮动
由于浮动的原因，所以会对页面中其他元素的排版产生影响，用clear属性可以清除产生的影响。
2.转换：display
意思：就是块状标签和行状标签的互相转换
选择器：{display：属性值}
inline：把标签转化为行状标签(行状标签默认值)
block：把标签转化为块状标签（快标签默认值也是display的默认值）
inline-block：如果不知道标签是什么类型，就用这个。互相转换
none：隐藏元素

（四）盒子模型

1.介绍
css框模型，规定了元素框处理元素内容，内边距，边框，和外边框的方式
2.内边距：
padding：是上下左右所有的距离都加
padding-left：左边距
padding-top：上边距
padding-bottom：下边距
padding-right：右边距
3.外边距
margin：道理与padding一样
margin-left：左边距
。。。
4.边框
道理与上相似，只是这是边框与某边的距离
border-top-style
。。。