完美clearfix:
display也可以设置为table。
解决父子元素外边距重叠。
content:“”
display:table
解决父元素高度塌陷:
content“”
display:block;
clear:both;
合并他俩
clearfix:before,
clearfix:after{
content:""
display:table;
clear :both;
}
若是要在IE低版本浏览器中使用的话,需要加:
.clearfix{
zoom:1;
}
表单:
网页的表单是递交给浏览器的。
<form action=""></form>
表单必须有action,而且必须给值。
?后面叫查询字符串,这些发送给服务器。
<select></select>
<optgroup label="一个标题"></optgroup>
<option></option>
多行文本率:写多行的,自动出导航条:
<textarea></textarea>
radio用于单选,checkbox用于多选。用name属性来为他俩分组,name一样的为一组。
提交的按钮:
注册按钮:<submit>
重置按钮:<reset>
普通按钮:<button>这个按钮只能被点击,没有特殊功能。
可以直接用<button></button>直接设置提交按钮,点这个按钮也可以执行成功。
<lebal for="">lebal标签设置之后,可以给用户名写样式,它有一个属性for,需要指定一个
get提交和post提交
post会把上传的所有数据打印成一个包,传给后台。
get 会全部写出来,然后传给后台,但是大了的话就不好用了。
框架集:
<frameset>和<body>不能够同时出现,出现就会导致网页出错。
<frameset>的子标签是:<frame>
rows:是上下分开摆的,cols:是左右分开摆的。他们的值是写百分数的,要几个写几个百分数,这些百分数加起来等于100%。
css3过渡动画:加transition属性。
transition:width 500ms ease,height 500ms ease 500ms;也可以设置all 后面加时间,这里的all表示所有属性。
border-radius:这个是圆角。后面加像素
linear:匀速,ease:开始和结束慢速,ease-in:开始时慢速,ease-out:结束时慢速,ease-in-out:开始和结束时慢速。
transition-delay:设置动画的延迟。
transition:property duration timing-function delay 同时设置四个属性。
bezier曲线:他可以调很多数值。
如:cubic-bezier(0.420,-0.266,0.115,0.462)
rgba(新的颜色值表示法)
1,盒子透明度表示法:opacity:0.1;filter:alpha(opacity=10)(兼容IE)
2,rgba(0,0,0,0.1)前三个数值表示颜色,第四个数值表示颜色的透明度。
css3新增选择器:
网友评论