近来蓦然也是开始学习CSS样式表了，这里转发低一度小盆友整理的一些非常经典的CSS布局教程和代码，转发到这里，留作以后学习方便查询之用，也希望对大家特别是一些新手有所帮助。 单行单列 单行单列1：采用float浮在左上角，固定宽度。[演 示] 单行单列2：固定在左上角，固定宽度，采用的是absolute绝对定位。[演 示] 单行单列3：固定在左上角，不固定宽度，采用百分比(%)定义宽度来自适应页面。[演 示] 单行单列4：固定宽度，采用在body样式中定义居中属性(text-align: center;)实现适应页面自动居中。（荐）[演 示] 单行两列 单行两列1：两列都固定宽度，第一列浮在左上角，第二列浮在第一列 右边。[演 示] […]
标签:CSS
一招实现 CSS格式化 | CSS减肥
今天写了个CSS样式表文件，感觉写完之后，有点乱乱的，格式也乱了，很多地方也出现了重复现象，菠萝找到一个非常简单的解决CSS格式化和CSS减肥的办法: 用W3C CSS进行错误和问题检测、修复，这个功能是非常强大的，开始我还有点害怕，就先备份了一下原来的CSS文件，之后大胆进行了检测和修复，哇靠！这么多的问题！系统会自动给你提供一个修复之后的CSS代码，这个代码就是完美无错的了！并且这个代码已经给你格式化好喽，直接使用就是。 这个工具可以对在线的CSS文件进行格式化和修复、可以自己上传CSS文件、也可以直接把你的代码复制过来。 菠萝指路＝》 CSS Validator: http://jigsaw.w3.org/css-valida […]
最全的分页CSS样式代码
为了给一公司设计网站，整理了一下分页CSS代码，对我来说非常有用，大家随便拿去用，省去写代码的麻烦。 点击查看预览效果 24款较经典的Page翻页分页css代码-网页特效观止-网页特效代码|JsCode.CN| Digg Style < 1234567…199200 > Yahoo Style < 1234567…199200 > New Yahoo! Style < Prev1234567…199200Next > Meneame Style < 1234567…199200 > Flickr Style < 1234567…199200 > Sabr […]
30个精选的CSS技术和实例
1.Hoverbox 图片集 一个纯净的基于CSS的图片集，鼠标悬停缩略图就会显示放大效果。 2.高级CSS菜单 一款很有创意且复杂的CSS导航方案。 3.滑动影集 手风琴效果的影集，悬停便可拉伸图片。 4.Lightbox幻灯片 题为”Supercharge your image borders“的文章中的一部分展示了如何使用CSS样式让图片变得更有意思。 5.图片的阴影效果 在A List Apart上的一个关于图片效果Demo的讨论文章“CSS Drop shadows“. 6.跨浏览器多页式影集 悬停标签改变分类，悬停缩略图显示放大图。 7.CSS照片放大 使用简单的图片和background-position属性来进行调解 […]
