充分理解bootstrap的栅格系统

充分理解bootstrap的栅格系统

Bootstrap手册里对自身的栅格系统讲解的比较古板。初上手的朋友读完一遍也是云里雾里,在此说一说我个人的理解。什么是栅格系统?请参看我写的前两篇文章 网页设计中的960栅格系统(一)和 网页设计中的960栅格系统(二) 抽象的表格 Bootstrap的栅格系统能自动根据当前设备的屏幕分辨率,横向分配出12个等宽的单元格,你完全可以理解为boot...

CSS 居中大全

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

神奇的css table隔行换色

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

准备准备 学习开撸响应式的页面

RT

边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。     两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界,则在最大的正边界中减去绝对值最大的负边界。如果没有正边界,则从零中减去绝对值最大的负边...

css写一个进度条

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

jQuery返回顶部的js实现

最近重新设计囧客圈的时候遇到的. 这个效果不错 仿新浪微博,带缓冲的平滑滚动: Css: .backToTop { display: none; width: 18px; line-height: 1.2; padding: 5px 0; background-color: #000; color: ...

兼容的加入收藏

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

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

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

公司站点我迫不及待的使用了一些css3的样式,比如让我眼馋很久的字体阴影. 可是在测试到chrome的时候问题出来了,在页面底部的链接部分,宋体显示的很模糊,类似photoshop中字体的"犀利"效果,但是13号的字体太细,这样就造成了字体模糊不清的显示状态: 后来在查看整张页面的时候发现一个问题,有几个部分的字没有出现这种模糊的问题. ...

div透明

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