css用户界面样式

CSS
鼠标样式cursor
设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。

cursor : default 小白 | pointer 小手 | move 移动 | text 文本
轮廓 outline
是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

outline : outline-color ||outline-style || outline-width
最直接的写法是 ： outline: 0; 或者 outline: none;

防止拖拽文本域resize resize：none 这个单词可以防止 火狐 谷歌等浏览器随意的拖动 文本域。

右下角可以拖拽：

右下角不可以拖拽：

vertical-align 垂直对齐
让带有宽度的块级元素居中对齐，是margin: 0 auto;

让文字居中对齐，是 text-align: center;

vertical-align 垂直对齐

vertical-align : baseline |top |middle |bottom

去除图片底侧空白缝隙
有个很重要特性你要记住： 图片或者表单等行内块元素，他的底线会和父级盒子的基线对齐。这样会造成一个问题，就是图片底侧会有一个空白缝隙。

解决的方法就是：

给img vertical-align:middle | top等等。 让图片不要和基线对齐。

给img 添加 display：block; 转换为块级元素就不会存在问题了。