普通输入项:type="text"
密码:password
单选:radio name值相同,value值不同
复选框:checkbox name值相同,value值不同
下拉框:select option
文本域:textarea
隐藏项:type="hidden"
文件:type="file"
提交按钮:type = "submit"
重置:reset
使用图片提交:<input type="image" src=""/>
普通按钮:type="button"
<form></form>
-action method enctype
method:get post
div自动换行
span在一行显示
class选择器
<div class="haha">aaa</div>
.haha{
}
id选择器
<div id="haha">aaa</div>
#haha{
}
css选择器优先级:style > id选择器 > class选择器 > 标签选择器
div p{}设置嵌套标签样式
div,p{}不同标签具有相同的样式
伪元素选择器:
原始状态 鼠标放上去状态 点击 点击之后
:link :hover :active :visited
a:link{
}
边框:border :2px solid blue
上:border-top
下:border-bottom
左:border-left
右:border-right
内边距:padding: 上下左右:padding-top
外边距:margin: 上下左右:margin-top
float:left:文本流向对象的右边,后面的div到右边
right:文本流向对象的左边,后面的div到左边
定位:position:absolute:将对象从文档流拖出,然后进行定位,用top,bottom等
relative,不拖出去,定位
密码:password
单选:radio name值相同,value值不同
复选框:checkbox name值相同,value值不同
下拉框:select option
文本域:textarea
隐藏项:type="hidden"
文件:type="file"
提交按钮:type = "submit"
重置:reset
使用图片提交:<input type="image" src=""/>
普通按钮:type="button"
<form></form>
-action method enctype
method:get post
div自动换行
span在一行显示
class选择器
<div class="haha">aaa</div>
.haha{
}
id选择器
<div id="haha">aaa</div>
#haha{
}
css选择器优先级:style > id选择器 > class选择器 > 标签选择器
div p{}设置嵌套标签样式
div,p{}不同标签具有相同的样式
伪元素选择器:
原始状态 鼠标放上去状态 点击 点击之后
:link :hover :active :visited
a:link{
}
边框:border :2px solid blue
上:border-top
下:border-bottom
左:border-left
右:border-right
内边距:padding: 上下左右:padding-top
外边距:margin: 上下左右:margin-top
float:left:文本流向对象的右边,后面的div到右边
right:文本流向对象的左边,后面的div到左边
定位:position:absolute:将对象从文档流拖出,然后进行定位,用top,bottom等
relative,不拖出去,定位