CSS-用户界面样式

鼠标样式

cursor属性
default 小白箭头
pointer 小手
move 可以移动的十字箭头
text 文本光标

轮廓outline

  其是绘制于元素周围的一条线，位于边框边缘的外围，可以起到突出元素的作用。他位于border的外边。
outline:color style width;
  一般都不关心设置多少，平时都是将其去掉的，最直接的写法是：outline:0;或者outline:none;

垂直对齐vertical-align

  文字有四条线，分别为顶线（topline），中线（middleline），基线（baseline），底线（bottomline）。vertical-align设置或检索对象内容的垂直对齐方式，它只针对于行内元素或者行内块元素，通常用来控制图片和表单与文字的对齐。
特别注意：
  图片或者表单等行内块元素的底线会和父级元素的基线对齐，这样会造成一个问题，就是图片底测会有一个空白缝隙。
解决方法：
方法一：给img添加 vertical-align:middle|top等，让图片不要和基线对齐，用的最多的就是vertical-align:top
方法二：给img添加display:block属性，转换为块级元素。