下拉菜单
display:block,盒子会由收缩包围元素变为扩展填充父元素
position:absolute是相对于父元素的绝对位置,其坐标都是相对于父元素的,比如对齐下拉菜单
CSS Code复制内容到剪贴板
- .mene li ul{
- display:block;
- position:absolute;
- left:0;
- top:100%;
- }
表单
input的type:
text:基本的单行文本框。
password:文本显示为掩码。
checkbox:复选框。
radio:单选按钮。
submit:提交表单的按钮。
time、date、search:HTML5 文本框的变体。
多行文本框 textarea
select元素生成下拉列表,每一个候选选项用option文本元素生成
利用float和span(等行内元素)可以达到水平排列的效果,但如何选择是个问题
cursor:point会使鼠标停在元素上光标变为小手
transition添加过渡效果,有五个过渡属性:
transition-property,过渡的 CSS 属性名,比如 color、width;
transition-duration,过渡的持续时间,以秒或毫秒设定,比如 2s、500ms;
transition-timing-function,过渡的调速函数,决定动画