002 JavaWeb之HTML&CSS

JavaWeb

简书地址：http://www.jianshu.com/p/a1ab8162f483

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概述

1. CSS指层叠样式表
2. 样式定义如何显示HTML元素
3. 样式通常存储在样式表中
4. 把样式添加到HTML4.0中是为了解决内容与表现分离问题
5. 外部样式表可以极大的提高工作效率
6. 外部样式表通常存储在CSS文件中
7. 多个样式表可以层叠

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来说也够用了。