美文网首页
完善clearfix,表单,框架集,动画,圆角,透明度,运动曲线

完善clearfix,表单,框架集,动画,圆角,透明度,运动曲线

作者: 寻_4533 | 来源:发表于2019-06-03 18:44 被阅读0次

    完善clearfix

    .clearfix:before,.clearfix:after{content:"";display:table;clear:both;}

    .clearfix{zoom:1;}

    表单:提交给服务器

    <form action=""指向服务器的地址>

    添加表单项,可以有多个表单项

    <label for="um">用户名</label>点字也能选中文本框,多用于单选多选

    <input id="um" type="text" name="username"值要有意义,提交内容的名字 value="作为文本框默认值显示在文本框">

    用户名<input type="text" placeholder="文本框提示信息,点击会消失">

    密码<input type="password" name="password">

    性别<imput type="radio"单选name="gender"分组name要相同 value="male">男

    <input type="radio"name="gender" value="female" checked="checked"默认选中女>女

    爱好<input type="checkbox" name="hobby"多选分组 value="run">跑步

    <input type="checkbox" name="hobby"多选分组>跑步

    <input type="checkbox" name="hobby"多选分组>跑步

    <input type="submit"提交 "reset"重置 ”“button"增加一个按钮  value="更改默认提交">默认提交按钮

    <button></button>

    <select name="star"multiple="multiple"展开列表,能多选 >下拉列表

    <optgroup label="男明星"给列表分组,指定组名>

    <option value="11" selected="selectde"默认选中>蔡徐坤</option>

    <option value="22">蔡徐坤</option>

    </optgroup>

    <option value="33">蔡徐坤</option>

    <textarea name="info"></textarea>多行文本域

    </select>

    </form>

    <fieldset>

        <legend>指定组名

        </legend>

    </fieldset>分组

    框架集:

    <frameset rows="50%,50%" 能写多个>

    <frame src="引入其他的网页">

    <frameset>可以嵌套使用

    </frameset>和body不能出现在同一个页面中

    ie6png的修复:

    动画:transition:width 500ms ease,height 500ms ease 500ms,background-color 500ms ease 1s,border-radius 500px ease 1.5s;

    transition:all 500ms ease;一起变

    border-radius:50px;圆角可以设置百分比50%

    透明度:rgba(0,0,0,0.1) a表示透明度小数表示

    运动曲线:transition:all 1s linear;匀速  ease;开始和结束慢 ease-in;开始慢 ease-out;结束慢

    贝塞尔曲线:transition:all 500ms cubic-bezier(0.250,0.250,0.150,0.750)

    相关文章

      网友评论

          本文标题:完善clearfix,表单,框架集,动画,圆角,透明度,运动曲线

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