• 2015-07
    25
    [ HTML/CSS ] [ 2 ]
    图片在排布的时候,如果是有间距的排布,那么如果是给每一个item添加margin,就要考虑到每一行的第一个活着末尾那一个的margin如何清除。用nth-child可以处理,但间距还是不太好处理,间距如果用百分比,则会导致水平与垂直间距可能不一样,如果用像素可能需要利用js脚本处理。
    本文介绍了一种纯css样式解决这个问题的方法。[...]
  • 2014-09
    29
    [ HTML/CSS ] [ 2 ]

    Less的好处不用说大家都知道,确实让写CSS的人不在痛苦了,最近我在Less里加入calc时确发现了有点问题

    Less把calc中的运算式去运算了

    结果在Less中写 calc(100% - 30px)编译后变成 70%了

    [...]
  • 2014-06
    13
    [ HTML/CSS ] [ 0 ]

    CSS有一个属性border-collapse,这货可以让table里相邻td的border合并为一条,这有什么好处呢?使用border-collapse:collapse后让你在添加了添加边框td不会因为相邻的边框黏在一起而让人感觉像是2px宽度的边框

    [...]
  • 2014-05
    02
    [ HTML/CSS ] [ 0 ]

    闲来无事,动手写了一个纯CSS的分类菜单,貌似还挺好用,可惜就没有动态效果了。

    [...]
  • 2014-04
    28
    [ HTML/CSS ] [ 1 ]

    以前都使用display:block很少使用display:inline-block,近期写样式有时候为了方便我也使用inline-block,不想竟然有个大问题,每个元素之间多了一个空白,而这个空白正是由于换行导致的

    [...]
  • 2014-02
    17
    [ HTML/CSS ] [ 1 ]
    Font Awesome是一个基于图标字体库,结合CSS3支持服务器端字体,使用:before伪类与content属性写出的一款CSS图标库,优点体积小,矢量,变色,易维护。[...]
  • 2014-02
    14
    [ HTML/CSS ] [ 0 ]
    这个动画是在http://ellislab.com/codeigniter这个页面发现的,老外用svg与css写的这个动画非常有制作上的创意,觉得可以给大家分享一下[...]
  • 2014-01
    14
    [ HTML/CSS ] [ 3 ]
    Responsive Web Design(响应式网页设计/自适应网页设计)早在前几年就已开始逐渐步入主流,但那会的移动端并不很多,使用IE浏览器居多,对响应式支持不好,只有少部分尝鲜的站点使用[...]
  • 2014-01
    06
    [ HTML/CSS ] [ 3 ]
    这个动画例子证明了CSS3的方便之处,测试时雨滴如果到一定数量浏览器会出现呆滞、CPU占用高。也可能跟电脑配置有关,但正常情况下都够你用的,也只有这种示例才会满屏使用动画[...]
  • 2014-01
    02
    [ HTML/CSS ] [ 0 ]
    动画的基本特征无非就是:移动,色变,形变,速度,而这几个特征在animation里都能轻松实现,关键帧也都能轻松实现,也能实现多个动画同时play已经各自的出场时间,配合SVG矢量结合这些动作就能搞定大部分动画,并且各大浏览器都能轻松实现[...]
  • 1 2 3 4 5