摘要: 页面容器(#wrap)与页面头部(#header )为100%宽度。而内容的容器(#page)为固定宽度960px。浏览窗口缩小而小于内容层宽度时会产生宽度理解上的差异。如下图所示窗口宽度大于内容层宽度:改变浏览器窗口的大小,小于内容层宽度,如 阅读全文
posted @ 2013-09-12 16:24 huihui2014 阅读(659) 评论(0) 推荐(0)
摘要: 一、display:table-cell属性简述display:table- cell属性指让标签元素以表格单元格的形式呈现,类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性的,但是IE6/7只能对你说 sorry了,这一事实也是大大制约了display:table-cell属性在实际项 阅读全文
posted @ 2013-09-12 16:21 huihui2014 阅读(240) 评论(0) 推荐(0)
摘要: 前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是“:nth-child”。下面我将用几个典型的实例来给大家讲解:nth-child的实际用途:Tips:还用低版本的IE浏览器的哥们请绕过!:nth-child(2)选取第几个标签,“2可以... 阅读全文
posted @ 2013-09-12 14:26 huihui2014 阅读(631) 评论(0) 推荐(0)
摘要: 下面这些CSS代码可以把网站的网页变为黑白,只需将代码加到CSS文件或网页最顶端就可以实现素装。建议全国站长动起来。为遇难的同胞哀悼。如何将网站变成灰色调呢,网站变灰色方法是什么?有哪些?为了方便大家查看,特整理下出个网站变灰色/黑白色代码方法的大集合以供大家参考与使用,为了方便站点哀悼,提供下面的... 阅读全文
posted @ 2013-09-12 14:18 huihui2014 阅读(897) 评论(1) 推荐(0)
摘要: 点此查看实例展示是的,我们即将实现的就是以上功能,是不是很生动?贴上HTML: ◆◆ ◆◆ ◆◆ ◆◆ Hi,知道吗? 大前端D7主题很快就疯抢了!以上HTML构成了一个浮出层和四个方向的尖角,其实你只需要其中的一个span标签,所以真正用上的代码并 阅读全文
posted @ 2013-09-12 14:11 huihui2014 阅读(173) 评论(0) 推荐(0)
摘要: 五种方法让CSS实现垂直居中 利用 CSS 来实现对象的垂直居中有许多不同的方法,比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。 使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法,以及它们各自的优缺点。(可以看看测试页面,有简短 阅读全文
posted @ 2013-09-12 14:03 huihui2014 阅读(254) 评论(0) 推荐(0)
摘要: 浏览器,作为一神器,帮我们打开了缤纷万千的网络世界窗口。而她发展到今天,也诞生了一个又一个的怀神版本,可能有人钟情于她的花哨,有人痴迷于她的速度……我们,作为重构工程师,必然要更关注他背后的技术革新,那就是css3的支持了!上次, 阅读全文
posted @ 2013-09-12 13:23 huihui2014 阅读(576) 评论(0) 推荐(0)
摘要: 一共收集整理了图形20个,比较实用,同时也为了熟悉CSS的代码。整合了一下,有错误欢迎指出。... 阅读全文
posted @ 2013-09-12 11:47 huihui2014 阅读(369) 评论(0) 推荐(0)
摘要: CSS简写就是指将多行的CSS属性简写成一行,又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。下面介绍常见的CSS简写规则:一、盒子大小这里主要用于两个属性:margin和padding,我们以margin为例,padding与... 阅读全文
posted @ 2013-09-12 11:39 huihui2014 阅读(299) 评论(0) 推荐(0)