美文网首页
完善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