Category: 前端杂烩

充分理解bootstrap的栅格系统

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

CSS 居中大全

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

神奇的css table隔行换色

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

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

css写一个进度条

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

兼容的加入收藏

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

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

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