1.表单标签
名称:form
属性:
action:提交地址
method:提交方式(get/post)
2.get/post两种提交方式的区别
提交方式
get提交到地址栏上
post提交到页面请求参数中
安全性
get不安全
post相对比get安全
数据大小
get对数据大小有限制
pos对t数据大小没有限制
3.表单项
名称:input
属性:
text:文本输入框
password:密码输入框
hidden:隐藏域,没有效果,但是会携带参数
date:日期组件
radio:单项按钮
email:邮箱组件
checkbox:复选框
file:文件上传组件
botton:普通按钮
submit:提交按钮
reset:重置按钮
select:下拉菜单
option:下来选项
textarea:文本域
4.框架标签
名称:frameset
属性:
rows:从上往下划分权重比
cols:从左往右划分权重比
5.css
介绍:层叠样式表
使用方式:
行内样式:在标签中定义style属性 属性名:属性值方式;
内联方式:通过选择器选择标签,在head中加入style标签定义选择器类型,进行css样式定义
外部方式:讲css样式定义在一个独立的css文件夹中,引用到页面<link href="css文件" rel="stylesheet">
6.选择器
标签选择器:style中定义,优先级最低
类选择器:标签中引用,style中定义,优先级次之
id选择器:标签中引用,style中定义,优先级最高
子元素选择器
交集选择器:选择器1 选择器2{}
并集选择器:选择器1,选择器2{}
7.伪类选择器
作用:描述一个标签的状态
分类:
Link状态:鼠标还没有访问的状态
hover状态:鼠标经过的状态
active状态:鼠标激活状态
visited状态:鼠标访问过的状态
注意:实现循环效果hover必须位于link和visited之后,active必须位于hover之后
8.背景属性样式
背景颜色:background-color
背景图片:background-image
x和y重复:repeat
x重复:repeat-x
y重复:repeat-y
不重复:no-repeat
背景图片位置:background-position
浏览器位置:left,center,right
图片位置:top,center,bootom
background:
background-color
background-image
background-repeat
background-position
9.边框属性
属性简写:
border-color:边框颜色
border-width:边框宽度
border-style:边框样式
特点:
默认方向:上,右,下,左
某一边没有设置属性,和对边属性一样
边框简写:
border:border-width, border-style,border-color;
10.浮动
介绍:浮动的框可以左右移动,直到其边缘碰到另一个浮动框为止
名称:float
属性:
左浮动:left
右浮动:right