javaweb_CSS_Html

HTML标签：表单标签
表单：
概念：用于采集用户输入的数据的，用于和服务器进行交互的
from:用于定义表单的，可以定义一个范围，范围代表采集用户数据的范围
属性：
action–>指定提交数据的URL(提交的地址问题)
method：指定提交给服务器的方式
分类：一共7种，2种比较常用
get:
1.请求参数会在地址栏中显示。会封装到请求行中
2.请求参数大小是有限制的
3.不太安全（地址栏中可以查到）
post:
1.请求参数不会在地址栏中显示。会封装在请求体中
2.请求的参数没有大小限制
3.较为安全（不会在地址栏中显示）

	**表单中的数据想要被提交：必须要指定  name属性，否则不会被提交到服务器中**



**表单项标签：**
			input:可以通过type属性值，改变元素的展示的样式
					type属性：
							text:文本输入框，默认值
									placeholder:指定输入框的提示信息，当输入框的内容发生变化会自动消失
							password:密码输入框(密码框中的密码是不能被显示出来的)
							radio:单选框
								注意：
										1.要想让多个单选框实现单选的效果，则多个单选框中的name的属性值是一样的，才能实现单选的效果
										2.一般会给每一个单选框提供value属性，指定其被选中后提交的值
										3.checked属性，可以指定默认值在单选框中
							checkbox:复选框
										1.一般会给每一个单选框提供value属性，用于指定其提交后确定的值
										2.checked:可以指定其默认值
								
								file ：文件选择框
								**hadden:隐藏域**，用于隐士的提交一些信息
								button:
										**submit::提交按钮，用来提交表单
										button:普通按钮
										image:图片提交按钮**
													src=属性指定的是图片的路径
								label:指定输入项的文字描述信息   --》获取焦点
										注意：label的for属性一般会和inout的id属性值对应，如果对应了，则点击label区域，会让input输入的时候获得焦点
								select:下拉列表
										option-->指定列表项
								textarea:文本域
										cols:指定列数,每一行有多少字符
										rows:默认多少行

CSS页面美化和布局控制
概念：Cascading Style Sheets 层叠样式表
多个样式可以作用在同一个html的元素上，同时生效
功能：将内容展示和样式控制进行分离，提高开发的效率
CSS和html结合的方式
1.在head标签内部，定义style标签，此标签体里面就是css的代码—>利用选择器额形式进行选择
2.内联样式：在标签内部使用style属性指定css代码
3.外部样式：定义css资源文件，在head标签内，定义link标签，引入外部的资源文件
伪类选择器：
link:初始化的状态
visited:被访问过的状态
active:正在被访问状态
hover:鼠标悬浮状态

属性：
1.字体、文本
font-Size:字体大小
color:文本颜色
text-align:对其方式
line-height:行高
2.背景
background
3.边框
border:设置边框，符合属性
4.尺寸
width:宽度
height:高度
5.盒子模型 控制布局
margin:外边距
padding:内边距
默认情况下内边距会影响整个盒子的大小
box-sizing: border-box; 设置盒子的属性，让width和height就是最终盒子的大小
float:浮动
left 左浮动
right 右浮动