css属性,html

功能

< input >	文本框
< p >	段落
< table >	表格
< tr>	行
< td>	列
< a >	超级链接
< li >	列表
<form	表单
& nbsp;	不断行的空格
& ensp；	半方大的空格
& emsp；	全方大的空格
& it	小于<
&gt	大于>
&amp	符号&
&quot	双引号“”
&copy	版权符号
&reg	已注册商标
disabled=“disabled”	文本框禁用
空格	范围查询大
>	要逐级向下
actiion=“地址”	表单提交之后的地址是什么
method=“get/post”	请求方式

eg：

<form action="/FirstServlet/sample" method="get">

css

属性	属性值	作用
background-color	颜色	背景颜色
background-image	图片位置	背景图片
backgrfound-repeat	repeat、repeat-x(横向)、repeat-y(纵向)、no-repeat(平铺)	图片重复方向
background-attachment	scroll、fised	背景是否随滚动条滚动
background-position	*px *px /x% y% /top (left,center,right)==	图片启始位置
background	rgba(7,17,27,0.4)	背景颜色（前面3个颜色混色，第4个透明度）
font-family	字体	字体
font-size	px	字体大小
font-style	normal,italic,oblique(常)	斜体文本
font-weight	normal,bold(常),100-900	文本加粗
font-variant	small-caps	首英文单词大写
<link **** href=“文件”	连接	连接
color	颜色	设置文本颜色
dirction	ltr、rtl	文本的书写 方向
line-height	px	行高
letter-spacing	px	字符间距
text	legt、right、center、justify(两端对齐)	文本对齐方式
text-decoration	none(去掉),underline(下),overline,line-through	下(*)划线
text-shadow	px(坐标) px（坐标） px (阴影模糊程度) read(颜色)	设置文本阴影
text-transform	none,capitalize,uppercase,lowercase	改变字母大小写
transform	rotate(旋转角度deg)	旋转
text-indent	px / em	首行缩进
list-style-image	url	把前面的点给换成图片
list-style-position	inside,outside	列表符号位置
list-style-type	none	把前面的点去点
	disc	(无序)默认，标记是实心
	circle	标记是空心
	square	标记是实心方块
	decimal	(有序)默认，标记是数字
	decimal-leading-zero	0开头的标记 01，02…
	lower-roman	小写罗马开头(i,…,v…)
	upper-roman	大写罗马开头(I,…,V…)
	lower-alpha	小写英文字母a,b
	upper-alpha	大写英文字母A,B
a(替代):link		连接没有访问的时候
a(替代):visited		访问后的时候怎么样
a(替代):hover		鼠标放上去的时候怎么样
a(替代):active		鼠标点击还没有松开的时候在怎么样
:focus		选择键盘输入的焦点元素
:first-child		第一个元素
:last-child		最后一个元素
:nth-child(*)		选择一个元素或多个特定元素
:nth-last-child(2)		符合条件的，到第2个元素的时候
:first-of-type		代码下符合条件的第一个的时候
:first-child		选择第一个元素
:last-child		选择最后一个元素
:nth-child()	（数字）	(从前)选择一个元素或多个特定元素
:nth-last-child()	(数字)	(从后)选择一个元素或多个特定元素
:first-of-type		从上一级元素下的第一个元素
::selection		选择指定元素被用户选种的内容
::before		在内容前插入新内容
::after		可以在内容后插入内容
::first-line		选择首行
::first-letter		选择文本第一个字符
content		加入的文本内容
id,*		选择指定标签
逗号选择器		联合输出
空格选择器		同级标签下的所有
>选择器		当前下只属于的指定
+选择器		同级下指定
[]属性选择器		标签里面的属性
display	block	变成块
	none	隐藏
	inline-block	处于同一水平线
opacity	数字	透明程度（0.5半透明）
cursor	pointer	手型鼠标

CSS选择器优先级

	选择器
1	!important
2	行内样式
3	ID选择器
4	类选择器
5	标签
6	通配符
7	浏览器默认属性

div

outilne	dashed	虚线轮廓
	dotted	点状轮廓
	solid	实线
	double	双线
overflow	vissible(默认)
	hidden	超出部分被隐藏
	scroll	不论是否需要都显示滚动条
	auto	超出就显示滚动条，没有就不显示
border-(left,ringht,top,botton)		边框
	none	无
	solid	实线
	dashed	虚线
border-radius	数字(50%是圆)	边框角度控制
margin	上 右 下 左	外边距
padding	上 右 下 左	内边距

box-sizing	content-box	在宽度和高度之外绘元素的内边距和边框
	border-box	是文字范围变动，保持盒子大小。(已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度)
vertical-align	baseline	默认
	sub	垂直对齐文本的下标
	super	垂直对齐文本的上标
	top	把元素的顶端与行中最高元素的顶端对齐
	text-top	把元素的顶端与父元素字体的顶端对齐
	middle	垂直居中
	bottom	把元素的顶端与行中最低的元素的顶端对齐（下对齐）
	inherit	规定应该从父元素继承 vertical-align 属性的值

浮动

float	left	左浮动
	rigth	又浮动
	inherit	继承父元素的浮动
text-align	justify	两端对齐
	center	文本居中对齐
	right	右对齐
line-height	*xp/ *em	行间距
clear	both	清除浮动

如果是ie浏览器加上zoom：1；

clear	none	清除浮动
	left	在左侧不允许浮动元素
	right	在右侧不允许浮动元素
	both	在左右两侧均不允许浮动元素
	inherit	规定应该从父元素继承 clear 属性的值display

定位

属性	属性值	作用
position	relative	相对定位
	absolute	绝对定位
	fixed	固定定位
z-index	数字	层叠关系
background-position	50% 50%（居中）	背景定位

边框格式设置浏览器兼容

box-shadow	0 0 0 0 color	边框设置
-webkit-box-shadow	谷歌
-moz-box-shadow	火狐
按钮
	filter:alpha(opacity);