html和CSS应该知道内容

来源:互联网 发布:七层网络结构 编辑:程序博客网 时间:2024/06/06 04:45
普通输入项: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,不拖出去,定位

0 0
原创粉丝点击