前端框架吧 关注:4,762贴子:16,592
  • 4回复贴,共1

前端开发css常用技巧

只看楼主收藏回复

1、如何清除图片下方出现几像素的空白间隙?
img{display:block;}
方法2:
img{vertical-align:top;}
除了top值,还可以设置为text-top | middle | bottom | text-bottom,甚至特定的<length>和<percentage>值都可以方法3:
#test{font-size:0;line-height:0;}
#test为img的父元素


IP属地:北京1楼2021-01-28 17:05回复
    2、如何让文本垂直对齐文本输入框?
    方法:
    input{vertical-align:middle;}


    IP属地:北京2楼2021-01-28 17:05
    回复
      3、如何让单行文本在容器内垂直居中?
      方法:
      #test{height:25px;line-height:25px;}
      只需设置文本的行高等于容器的高度即可


      IP属地:北京3楼2021-01-28 17:05
      回复
        4、如何让超链接访问后和访问前的颜色不同且访问后仍保留hover和active效果?
        方法:
        a:link{color:#03c;}a:visited{color:#666;}a:hover{color:#f30;}a:active{color:#c30;}
        按L-V-H-A的顺序设置超链接样式即可,可速记为LoVe(喜欢)HAte(讨厌)


        IP属地:北京4楼2021-01-28 17:05
        回复
          5、为什么Standard mode下IE无法设置滚动条的颜色?
          方法:
          html{ scrollbar-3dlight-color:#999; scrollbar-darkshadow-color:#999; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eee; scrollbar-arrow-color:#000; scrollbar-face-color:#ddd; scrollbar-track-color:#eee; scrollbar-base-color:#ddd;}
          将原来设置在body上的滚动条颜色样式定义到html标签选择符上即可


          IP属地:北京5楼2021-01-28 17:05
          回复