HTML、CSS中相似的元素、声明以及概念间的差别

元素的类别（在标准文档中，即没有CSS干预的情况下）：

块级元素：独占一行，宽高不随内容改变，可自行设置宽高；

行内元素：依附块级元素排列，不可设置宽高，大小随内容改变；

行内块级元素：可在一行显示，也可设置宽高。

表格

colspan  横向合并单元格

rowspan  纵向合并单元格

cellpadding  单元格内容与其边框之间的空白距离

cellspacing  单元格之间的距离

th 表头

caption 表格的标题

表单

method属性值

get  method的方式之一，将用户填写的信息赋到url地址栏中（必须配合标签的name），传输方式不安全，但速度较快；传输数据小

post   method的另外一种方式，相当于将用户填写的信息进行一种封装，然后传输到后台，传输方式安全，但传输速度较慢；传输数据量较大

按钮

<input type="button" >  普通按钮，可配合JS完成提交或者撤销等相关事件，不带提交功能；

<input type="submit" >  提交按钮，按钮中文字设定为“提交”，修改较麻烦，自带提交跳转功能；

<button>  按钮属性，自带跳转功能，按钮名字可自行输入

透明色

rgba （红,绿,蓝,透明度） 透明度范围为0-1，只可设置背景色透明；

Opacity  直接设置透明度，范围0-1，可对所有元素设置

图片

【

前景图img是数据性的东西，属于页面要展现的内容。

背景图是修饰性的东西，不要也罢。

比如，用户图像，肯定是前景图了；产品列表的图片，也是前景图了。

但是产品列表的图片，有的左上方有个推荐的标签，减价的标签，肯定就是修饰

】

background-image   背景图片 CSS属性样式，雪碧图必须用的；变化较大的

img   HTML标签元素 ，变化较小的

reset

<input type="reset">  将表单内容重置

reset.css 一种成熟的CSS重置技术，可重置掉标签自带的某些属性，比如margin，padding；方便调试浏览器bug，避免导致调试工具杂乱

边框

border占像素

outline轮廓，不占像素

阴影

box-shadow  边框阴影，不占像素，包含5个属性值（水阴影，平垂直阴影，模糊距离，阴影尺寸，阴影颜色）

text-shadow  文字阴影，占像素，只有4个属性值（水阴影，平垂直阴影，模糊距离，阴影颜色）