美文网首页
CSS-用户界面样式

CSS-用户界面样式

作者: 哎呦呦胖子斌 | 来源:发表于2018-09-26 16:52 被阅读0次

    鼠标样式

    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属性,转换为块级元素。

    相关文章

      网友评论

          本文标题:CSS-用户界面样式

          本文链接:https://www.haomeiwen.com/subject/hkkjoftx.html