web前端实践

实现一个网站前端遇到的问题记录。

HTML

type=button和type=submit

CSS

按钮的四种状态

• 普通状态；
• hover鼠标悬停；
• active点击；
• focus取得焦点

overflow

overflow 属性规定当内容溢出元素框时发生的事情。

• visible
• hidden
• scroll
• auto

position

• absolute
• fixed
• relative
• static

层级书写（组合器）

• 后代选择器 (空格)
• 子选择器 (>)
• 相邻兄弟选择器 (+)
• 通用兄弟选择器 (~)

border-radius

border-radius 允许你设置元素的外边框圆角。

letter-spacing

letter-spacing 属性用于设置文本字符的间距表现。

display

none：不显示且不占布局

JavaScript

select

option本身没有onclick事件
JS实现select选中option触发事件操作示例_javascript技巧_脚本之家 (jb51.net)