CSS基础知识小结
HTML表单标签
form:所有表单标签的根标签;
action:提交数据的服务端地址;
method: 请求方式,例如:Get和Post。
enctype:指定提交数据的编码格式。
Get和Post的区别?
1)Get提交数据显示在浏览器地址栏上,而Post请求请求参数不会显示在地址栏;
2)Post请求的安全性比Get请求高;
3)Get请求会缓存,而Post请求没有缓存;
4)Get请求参数长度有限制,而Post请求没有长度限制;
input:输入标签
type:text、password、radio、checkbox、button、submit、reset、file等等
textarea:文本域
cols: 显示的列数
rows: 显示的行数
select和option:下拉框
事件:
事件三要素:事件源、事件监听器(onXxx)、响应动作(js代码)。
onClick
onDblClick
onForus
onBlur
onKeyPress
....
CSS: 层叠样式单,美化网页。
编写方式:1)在style标签中编写CSS;2)在外部的CSS文件中编写CSS,然后把CSS文件引入到HTML页面;
3)在HTML元素中定义style属性(优先级最高);
选择器:标签选择器、类选择器、ID选择器、伪类选择器、通用选择器、交集选择器、并集选择器。
CSS样式:
1)背景样式:
background-color: 背景色
background-image: 背景图
background-repeat:no-repeat 不平铺
background-position:背景图的位置
background-attachment: fixed 固定背景图
2)字体和文本样式:
font-size: 字体的大小
color: 字体的颜色
text-indent: 文本缩进
text-decoration: 修饰文本
text-align: 文本对齐方式
text-transform: 转换大小写
3)表格样式:
border-collapse: 合并单元格的边框;
border-spacing:设置单元格边框的距离;
4)边框样式:设置元素边框的宽度、颜色和风格。
border-开头
5)盒子模型:设置元素的内边距和外边距。
内边距:元素内容与边框的距离;
注意:元素实际宽度=元素的width + 左右padding
元素的实际高度=元素的height + 上下padding
外边距:元素边框以外的部分;
margin-left:-10px
6)定位:
相对定位:相对于元素原先位置的定位;
绝对定位:相对于屏幕的位置而言;
固定定位:跟绝对定位一样,但是不会随着屏幕滚动而滚动;
postion:relative|absolute|fixed
left:元素左上角的横坐标
top:元素左上角的纵坐标
浮动定位:
float:设置向哪个方向浮动;