学习html css时觉得用的较多的一些元素（一）

学习html+css时一些简单并常用的元素，整理了下分享出来。

取出a标签下划线 text-decoration：none

去掉ul li前面的小黑点 list-style：none

placeholder：在没有点击文本框状态下，文本框显示的内容，点击文本框信息回自
动消失

表格 tr td
colspan表示合并表格的列
rowspan表示合并表格的行

盒子模型
margin：表示盒子与盒子之间的距离
四个值对应的顺序为上右下左，（1px 2px 3px）三个值对应的：上1px 左右2px 下
3px （1px 2px）两个值对应的 上下1px 左右2px （1px）对应的上下左右都是1px
border：盒子边框
padding：内边距，表示内容到盒子之间的距离 在默认没设置padding时，div的宽
度就是div的宽度，而设置了padding宽度后，div的宽度就变成padding-left +
div_width +padding-right height同理
content：表示盒子中的内容

伪类：
link表示未点击
hover表示鼠标在链接上，但没点击
active表示鼠标点击但不放开
visited表示鼠标点击后且已经放开

display属性
none:表示此元素不会被显示
block：此元素将会显示为块级元素，元素前后并带有换行符
inline：默认，此元素显示为内联元素，元素前后没有换行符

overflow属性（研究内容超过内容框时，里面内容的显示方式）
visible：默认的，会在内容框外显示
scroll：会出现滚动条，内容收藏在内容框内，滑动滚动条会看到内容（有横向滚
动条）
hidden：会将超出内容框部分会被隐藏起来不会显示
auto：如果内容超出了，会以滚动条显示超出的内容（没有横向滚动条）

position属性
absolute：绝对定位，分两种情况：1.如果在其父级元素（祖先元素）中等够找到
position属性，并且值不是static（即absolute，relative，fixed），就相对一次
找到position属性的元素进行定位。2.如果父级元素没有position属性，则相对于
html标签进行定位
relative：相对定位，相对于自己原来的位置进行定位，不脱离标准文档流
fixed：是相对body标签进行定位，脱离标准文档流
static：无定位
个人理解是将左上角看成坐标原点

form表单
action 表示表单提交到文件的地址
method 表示提交的方式get/post
表单中的input元素的 type name value属性
type指输入元素类型，值不能含有空格，当type属性的值加了空格，浏览器不能识
别空格后的属性值，会以默认值text设置样式
value的值是指定输入元素的初始值
name：提交表单标签的value值会存储在name变量中

单选按钮和多选按钮
radio 和 checkbox
要注意的是name值要相同，value值不同 单选按钮和多选按钮的默认选择都是
checked
下拉选择框select 用selected表示默认选中值
按钮有：提交按钮submit 重置按钮reset 普通按钮button（通常跟点击事件一起使
用）

flaot：表示浮动 left right none

选择器： 标签选择器，类选择器，id选择器

标签选择器：标签名{}
类选择器：.类名{}
id选择器：#id名{}