zoukankan      html  css  js  c++  java
  • CSS技巧

    1.margin padding的四个值得顺序:上右下左,就是顺时针的从12点到24点。

    2.div(一个层)垂直水平居中:先知道该div(层)的宽高,然后{height:100px; 200px; margin:-50px 0 0 -100px; top:50%; left:50%; }

    3.CSS的叫法:嵌入式样式表(就是head中的) 内联式样式表(style中的) 链接式样式表(link中的)

    4.CSS中适应所有对象的是 背景附件 ?啥意思?

    5.CSS的内外补丁其实就是 margin 和 padding

    6.margin-top和margin-bottom是可以重合的。

    7.CSS浮动有啥用?就是为了让其脱离文档流,抽出单一个层。

    8.行级元素的margin对上下无效,左右才有效,padding都有效。

    9.display 的inline对应行级元素,block对应块级元素,但是如果互换呢?互换就是块级元素横排列,行级元素竖直排列。

    10.display 的inline-block啥意思?就是让块级元素横着显示呗!而行级元素加了inline-block,那就跟块级元素一样,可以设置宽高。

    11.如何让不确定宽度的控件水平居中?a.用margin-left/right:auto的table做辅助;b.用父级display:inline 子级text-align:center就OK了(你块级元素宽不确定,默认父级同宽,那不就是字居中么!行级元素需要加display:block)。

    12.如何不确定高度的控件垂直居中?a.设置margin呗; b.行级元素用line-height ;c.块级元素FF IE8以上用display:table-cell来模拟表格,然后用表格才能用的vertical-align:middle来居中,而IE67呢?用*position:relative激活hack,或用父级hack相对定位+top-50%和子级绝对定位*position:absolute top:50%来表示。

    13.margin-left是一个很奇特的属性,如果父级被定义为禁止滚动条 overflow:hidden;那么你设多个float:left的div,margin-left为负,它会挤到上一行;

    14.让元素隐藏的两种CSS属性:display:none 不占空间且无法点击 visibility:hidden 占空间且无法点击;

    15.CSS sprite技术,也就是俗称 图片整合技术,就是把小型的ICON图标整合成一个正方大图组合,然后加载的时候用background-position的负值定位法从大图中把小图割出来。

  • 相关阅读:
    mybatis:SQL拦截器
    eclipse:插件安装总结
    eclpse:安装explorer或eExplorer插件
    Spring Tools4
    nginx+tomcat:动静分离+https
    Tomcat:3DES解密时中文乱码
    wireshark如何抓取localhost包
    nginx: 应用访问默认采用https
    windows :config windows update … 一直处于假死状态
    EHCache:Eelment刷新后,timeToLiveSeconds失效了?
  • 原文地址:https://www.cnblogs.com/JhoneLee/p/3393185.html
Copyright © 2011-2022 走看看