Category: 前端杂烩

充分理解bootstrap的栅格系统

Bootstrap手册里对自身的栅格系统讲解的比较古板。初上手的朋友读完一遍也是云里雾里,在此说一说我个人的理解。什么是栅格系统?请参看我写的前两篇文章 网页设计中的960栅格系统(一)和 网页设计中的960栅格系统...

CSS 居中大全

我看最近微博流行 CSS 居中技术,老外码农争相写相关的文章,一篇赛一篇的长啊,我把几篇归纳总结了一下,算是笔记。 孔乙己曾说:“茴香豆的回字有四种写法”,万一哪天有个面试官问你:“居中一共有几种写法”呢,哈哈...

神奇的css table隔行换色

最近做个页面的时候需要这个,本以为必须要用js了,没想到竟然还找到一个css的方法. 记录一下,以后也许用得着 <style> tr{ background: #f00;} tr:nth-child(2n){ background: #ccc;} tr{ background-color: exp...

边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。     两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界...

css写一个进度条

上午花了2个小时就为了调整js,但是后来才发现只要三行代码就可以解决了。 哥内心顿时就像吃了一斤屎一样。。。 整理记录一下,以后也许还会用到的: css: .bar_01{height:17px; width:375px; background:url(../im...

兼容的加入收藏

<script type="text/javascript">     function addBookmark(title,url) {         if( document.all ) {       ...

关于chrome下css3给宋体设置阴影的问题

公司站点我迫不及待的使用了一些css3的样式,比如让我眼馋很久的字体阴影. 可是在测试到chrome的时候问题出来了,在页面底部的链接部分,宋体显示的很模糊,类似photoshop中字体的"犀利"效果,但是13号的字体太...

div透明

兼容ie与ff的写法是这样的:   #divobj{filter:alpha(opacity=80);-moz-opacity = 0.8; }...

透明PNG背景图片CSS设置

应用PNG图片的透明或半透明的特性能做出非常漂亮的网页来。Firefox和Opera对PNG的支持非常的好,都是IE却无视PNG图片这一特性的“存在”,虽然IE7已经支持都是IE6还是不行。查了一些资料,基本解决了这一问题。 虽然有...