lesscss 是动态的样式表语言,他让css增加变量,组合,函数,运算等语法。这个项目的网站在国内访问不到,大家都懂的。
lesscss使用方法有两种:
页面添加一个 less.js的文件,css使用 style.less 文件后缀来编写,不过需要有服务器的环境支持
继续阅读
等高布局在实际的应用中会经常用到。最常见的是左边的内容很多。而右边的内容却很少。为了不让右边出现太多的空白,有时需要让右边的高度和左边的保持一致。实现的方法有很多,以前一般是用背景填充来模拟。虽然很简单,但毕境麻烦。现在有了个更简单的方法。这个方法的原理是事先通过正内边距来使其拥有足够高度,然后通过负外边距来使得其的位置不变。通过给父元素溢出隐藏,我们可以隐藏掉事先占据的足够高的空间。由两列实际的内容高度来决定整个父元素的高度,从而实现了等高。
继续阅读
其实每个人都有自己喜欢的书写格式习惯,我在刚学CSS的时候,什么都不知道,只是要实现什么效果,我后就写个ID或类进去。放哪个位置也不管,丢进去就行了。反正效果实现了;后来当需要修改某些地方的时候,才发现这个问题的严重性。代码混乱,ID,CLASS乱用。不易阅读…使得修改起来很费劲。
后来开始做wordpress主题的时候,慢慢改变了这种坏习惯。在Maxthon主题的样式中,适当的划分了一下各个部分。
继续阅读
CSS的浮动为我们的布局带来了很大的好处,利用浮动我们可以很方便的写出各种版式。但浮动同时也带来很多问题;这些问题基本上都因为没有及时的或者在适当的位置清楚浮动。下面来说下常用的清除浮动方法:
一:用空标签
这是最常见的一种方法了。通过一个内容为空的标签来清除浮动。这个标签可以是DIV、P、Hr…。理论上可以是任何标签。
继续阅读