java Web第一章学习内容(样式,背景,列表,表格,表单元素)
一.样式
1.字体文本
font-family 设置字体类型
font-size 设置大小
font-style 设置字体风格
font-weight 设置粗细
一次声明全部以上内容要按3421顺序
color 颜色
text-align 设置对齐方式
background-color 设置背景颜色
background-image 设置背景


background-size

linear-gradlient(position,color1,color2) 设置渐变颜色,position方向,第一个颜色,第二个颜色
三.列表
无序列表
<ul><li></li></ul>
有序列表
<ol><li></li></ol>
定义列表
<dl><dt></dt></di>
list-style-type 添加样式

四.表格
border=2 边框为2
<tr>
</table>
五.表单元素
表单语法
method------提交信息 -----有get,post,post不显示用户信息进行提交
action-----提交的服务器地址
表单元素
input 通过设置type类型可以衍生出不同的表单元素(text普通输入框,password密码框,radio单选按钮,checkbox多选按钮,submit提交按钮,reset重置按钮,email,url网址,range滑块,search搜索框)
select 下拉菜单
cols=行,rows= 列
1.字体文本
font-family 设置字体类型
font-size 设置大小
font-style 设置字体风格
font-weight 设置粗细
一次声明全部以上内容要按3421顺序
color 颜色
text-align 设置对齐方式
text-indent 设置首行文本缩进
line-height 设置文本的行高
text-decoration 设置文本装饰(装饰代表下划线,删除线等等)
text-shadow 设置阴影
a:hover 鼠标悬浮上超链接样式
background-color 设置背景颜色
background-image 设置背景
background-size
linear-gradlient(position,color1,color2) 设置渐变颜色,position方向,第一个颜色,第二个颜色
三.列表
无序列表
<ul><li></li></ul>
有序列表
<ol><li></li></ol>
定义列表
<dl><dt></dt></di>
list-style-type 添加样式
四.表格
border=2 边框为2
colspan=3 跨列3
rowspan=2 跨行2
<tr>
<td colspan=“3”>
</td>
</table>
五.表单元素
表单语法
method------提交信息 -----有get,post,post不显示用户信息进行提交
action-----提交的服务器地址
表单元素
input 通过设置type类型可以衍生出不同的表单元素(text普通输入框,password密码框,radio单选按钮,checkbox多选按钮,submit提交按钮,reset重置按钮,email,url网址,range滑块,search搜索框)
<p><input type="submit"value="确定"><input type="reset" value="重置"></p>
select 下拉菜单
selected=默认值
<select name="date" size="5"> <option value="1" selected>星期一</option> <option value="2">星期二</option> <option value="3">星期三</option> <option value="4">星期四</option> <option value="5">星期五</option> <option value="6">星期六</option> <option value="7">星期日</option> </select>textarea 文本域
cols=行,rows= 列
<textarea name="showtext" cols=40" rows="20">文本内容</textarea>