最新消息:

CSS

响应式网格系统

justnode 4年前 (2015-05-19) 765浏览

参考pure css实现的一套网格系统,使用方法如下: <div class="row"> <div class="col-1-2"> ...

移动端动画的实现

justnode 4年前 (2015-05-07) 685浏览

借助于animate.css来实现动画无疑是一个非常简便的方法,animate.css的官网地址:http://daneden.github.io/animate.css/ 一款基于animate.css的工具:http://isux.tencent...

译:使用display:table-cell进行布局

justnode 4年前 (2015-04-25) 898浏览 0评论

原文:www.senktec.com/2014/01/using-css-display-table-cell-for-columns/ 译者的话:display:table-cell的浏览器支持度很好,我们不能再被IE6、7捆绑住手脚了,下面是一张...

解决边距叠加问题

justnode 4年前 (2015-03-21) 563浏览 0评论

什么时候会出现边距叠加问题呢? 首先来看html的结构: <div class="box clearfix-1"> <div class="main"> ...

less学习总结

justnode 4年前 (2015-03-21) 615浏览 0评论

1、全局安装less模块,之后就可以使用lessc命名进行编译less文件了。编译并输出css文件的语法如下: lessc style.less > style.css 2、less文件中的的注释分两种,以//开头和 /**/ 这两种。...

响应式设计之rem和em

justnode 4年前 (2015-03-20) 1262浏览 0评论

rem是根元素的字体大小。值得庆幸的是,从IE6到现代的浏览器,根元素的默认字体大小都是16px,这使得rem这个属性不会存在太多的兼容问题。 rem的浏览器支持情况如下图: 由图可知,IE9及以上都支持rem。 接下来看一个使用rem进行布局的例...

响应式设计之Media Query

justnode 4年前 (2015-03-20) 596浏览 0评论

首先来看一个响应式的demo 在页面中实现响应式,需要借助Media Type(媒体类型) 和Media Query(媒体特性),使用这两个属性主要有两种方式: 1.在引入css文件时使用: <link rel="styl...

css中的containing block

justnode 4年前 (2015-03-06) 750浏览

在 CSS2.1 中,很多框的定位和尺寸的计算,都取决于一个矩形的边界,这个矩形,被称作是包含块( containing block )。一般来说,元素生成的框会扮演它子孙元素包含块的角色。包含块是一个相对的概念。 <div> ...