简单的下拉菜单和CSS窗体和弹出图层的注释。
下拉菜单
显示:块,框将从收缩包围元素转换为扩展填充父元素。
位置:绝对是相对于父元素的绝对位置,它的坐标相对于父元素,如对齐下拉菜单。
CSS代码将内容复制到剪贴板。
UL {李。
显示块;
位置:绝对;
左:0;
顶部:100%;
}
形式
输入类型:
正文:基本的单行文本框。
密码:文本显示为掩码。
复选框:复选框。
收音机:单选钮。
提交:提交表单的按钮。
时间、日期、搜索的变体:HTML5文本框。
多行文本框文本
select元素生成一个下拉列表,每个候选选项都是使用选项文本元素生成的。
使用浮动和跨(元素在同一行)可以达到水平排列的效果,但如何选择是一个问题。
光标:点将停止光标上的元素,并把光标变成一只小手。
转换增加了转换效果,并且有五个转换属性:
过渡属性,转换CSS属性名称,如颜色,宽度;
过渡时间、过渡的时间,设置在秒或毫秒,如2S,500ms;
转换时序函数,转换速度函数,决定动画效果是否流畅,是第一次慢而快。
它是快速和缓慢的,例如放松、放松、放松或线性(默认)。
过渡延迟,在转型的启动延迟时间,设置在秒或毫秒,如1S,200ms;
过渡,过渡的速记属性,如过渡:颜色2s缓解1ms;。
CSS代码将内容复制到剪贴板。
输入{边框颜色:黑色;过渡:边框颜色2S;}
输入:焦点{边框颜色:绿色;}
请注意,所有使用转换属性的浏览器都添加了厂商前缀。
添加前缀版本
边界半径:10px;- WebKit的过渡:2s宽度;
弹出
在CSS z-index属性用于控制在堆栈上下文元素的顺序。换句话说,它可以改变堆栈的默认顺序当元件堆叠。较大的元素可以是在堆栈层较小的z-index值的元素上面,z-index属性的值可以是0任何大的价值;负价值是可以的,但在一些浏览器是不可靠的。默认情况下,所有堆叠的元素z-index值是自动的,相当于0。