鼠标样式
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属性,转换为块级元素。
网友评论