美文网首页
2019-06-03

2019-06-03

作者: 多喝烫水_ | 来源:发表于2019-06-04 16:12 被阅读0次

    完美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新增选择器:

    相关文章

      网友评论

          本文标题:2019-06-03

          本文链接:https://www.haomeiwen.com/subject/gbocxctx.html