002 JavaWeb之HTML&CSS
2017-06-29 本文已影响0人
Luo_Luo
JavaWeb
博客地址：http://blog.csdn.net/heyiaiqing/article/details/73866383
1. 表单标签
<form action = "#" method = "get/post"></form>
form标签属性
- action：整个表单提交的位置（可以是一个页面，也可以是Java代码）
- method：表单提交的方式（get/post/delete...等7种方式）
2. 文本输入框
<input type="text" name="" size="" maxlenght="" readonly="" placehoder=""/>
文本输入框的属性
- name：提交到服务器必须指定的属性，其值可以任意，最好见名知义
- size：输入框的宽度
- maxlenght：指定输入内容的长度
- readonly：设置为只读
- placehoder：输入内容的提示内容
3. 密码输入框
<input type="password" name="" />
密码输入框的属性
- name：提交到服务器必须指定的属性，其值可以任意，最好见名知义
4. 单选按钮
<input type="radio" name="" value="" checked=""/>
单选按钮的属性
- name：分组用的
- value：提交到服务器必须指定的属性，其值可以任意，最好见名知义
- checked：默认选中属性
5. 多选按钮
<input type= ”checkbox” name=”” value=”” checked=”” /> ”
多选按钮的属性
- name：分组用的
- value：提交到服务器必须指定的属性，其值可以任意，最好见名知义
- checked：默认选中属性
6. 下拉列表
<select name="">
<option value="" selected="">北京</option>
<option>上海</option>
</select>
下拉列表的属性
- name：分组
- value：提交到服务器必须指定的属性，其值可以任意，最好见名知义
- selected：默认选中
7. 文件上传项
<input type="file" name="">
8. 文本输入域
<textarea name="" ></textarea>
9. 提交按钮
<input type="submit" value="">
提交按钮属性
- type="submit"：具备将整个表单提交到服务器的功能
- 修改按钮上的内容
10. 提交按钮
<input type="button" value="">
11. 重置按钮
<input type="reset" value="">
12. 隐藏项
<!-- 用于隐藏一些用户比较敏感的信息 -->
<input type="hidden" value="">
13. 面试题
get与post提交方式的区别？（默认采用的是get）
get提交方式，所有的内容显示在地址栏，不够安全，长度有限制(1-2k)。
post提交方式，所有的内容不会显示在地址栏，比较安全，长度没有限制。
14. div
div是一个html标签，一个块级元素（单独显示一行）。它单独使用没有任何意义，必须结合CSS来使用，主要用于页面布局。
span是一个html标签，一个内联元素（显示一行）单独使用没有任何意义，必须结合CSS来使用，主要用于对括起来的内容进行修饰。
15. CSS
CSS概述
- CSS指层叠样式表
- 样式定义如何显示HTML元素
- 样式通常存储在样式表中
- 把样式添加到HTML4.0中是为了解决内容与表现分离问题
- 外部样式表可以极大的提高工作效率
- 外部样式表通常存储在CSS文件中
- 多个样式表可以层叠
16. CSS的三种引入方式
第一种：行内引入
<div style="color: red; font-size: 100px;">JavaEE</div>
第二种：内部引入
<style type="text/css">
.box{
color:red;
font-size: 100px;
}
</style>
<div class="box">JavaEE</div>
第三种：外部引入
<link rel="stylesheet" type="text/css" herf="../css/style.css">
17. 三种引入方式的优先级问题
优先级 问题 :
谁离需要修饰的元素近，谁样式生效，其它的被覆盖掉。(就近原则)
18. CSS选择器
CSS选择器有三种（元素选择器、类选择器、id选择器）
元素选择器
元素名{
属性名：属性值;
}
Id选择器
元素选择器
#id属性名{
属性名：属性值;
}
类选择器
元素选择器
.类选择器{
属性名：属性值;
}
对多个元素设置相同的样式，此时使用类选择器比较合适。
19. CSS的浮动
浮动这个问题比较重要，有很多方式实现。
然后需要定义一个div实现这个类
#three{
clear: both;
}
20. CSS中如何让块元素成为内联元素
display: inline-block;
21. 让div居中
margin: 0 auto;
22. 块元素内容居中
text-align: center;
总结
这里只列了一些内容，后面会慢慢的补充内容进来，但是对JavaEE来说也够用了。
