H5成长之路 input伪类选择器& vertical-align16-7-25笔记

介绍input相关的几个伪类选择器

:checked   已选样式 :focus 获取焦点时样式

:enable 可用样式 :disabled 不可用样式

::selection 选中时样式 :read-write 读写样式

:read-only 只读样式

vertical-align 用来设置行内框跟行框的对齐方式 这里首先来介绍行内框跟行框

行内框，对于非置换元素（span,i等 ），设置line-hight就可以影响行内框，对于置换元素（img等），内容的宽高作为行内框的高度。

行框，能包含所有行内框（行内元素行内框最高到行内框最低距离），一个虚拟的框。

vertical-align: 值为top bottom middle  顶端/底部/中线