在看了浅谈如何打造一个成功的博客 —— 基础篇之后，阿峰继续为你提供进阶教程。这一个章节，我们会给你介绍一些写博客的小技巧。帮助你写出更加精美的博文，吸引更多的读

这只是一个布局实例，学习CSS有用处，因为这个用来修饰图片的边框做的不错，主要是想了解如何用CSS实现这种布局，在相对、绝对定位，或者是在多种浏览器不失真、不变形，从事WEB前端设计的朋友有空可参考一下。

一个JS+CSS布局的人气列表，目前在交友一类的网站中，这类排版样式比较多，结构醒目，外观大方，而且具有动感效果，实属不错，我本人很喜欢。

一个自适应的宽度的两列网页布局，含头部和尾部，也是比较经典的二栏风格设计，在本例中，网页左栏是自适应宽度的，不论你的浏览器窗口大小，它都不会出现滚动条，你完全可以把它拷贝回去做为一个模板来用，也是学习CSS布局的一个好范例。

CSS控制一个Div的斜角处出现一个不规则的图片，DIV是不是漂亮多了？实现方法也不是太复杂，这里有个问题先说一下，本代码段用的是一张JPG格式的图片，有可能会遮挡文字，你在用的时候，最好处理一个JPG为PNG透明格式，这样显示在图片处的文字不会被遮挡，完美了！

一个DIV对齐布局实例，主要是向大家展示如何让DIV布局按你的意思对齐，以及嵌套结构的布局等。

CSS布局实例，水平显示在一条线中间的文字，这个实例虽然简单，但非常实用，学会了这种布局方法，会使你的网页更加节省布局空间，而且也会变得更漂亮、更合理，特别是用作某个栏目的导航版块，像很多首页都见到过这种布局，今天才发现原来实现起来如何简单。

一个左图右文的简单CSS布局，很常用的一种布局方式，在很多网站都有使用，鼠标滑过DIV块的时候会变幻背景颜色，蓝色的清新色调，兼容性良好，这里推荐给大家。

一个常用的CSS图片+文字的布局，图文混排，非常不错，这只是一个区域的布局，你可以直接复制若干个，一般用在首页或二级栏目着首页作为板块导航，代码经测试兼容性非常好，而且高度是自适应的。

一个简单的CSS文字和图片排版，左右结构，作为一个优秀的网页设计师和网页制作人员，我们有必要掌握这种简单且实用的CSS文字图片排版技术，这对于我们以后布局网页非常有用处。

挺符合标准的CSS左、中、右3列布局，好像加载时候是先显示中栏，然后显示两侧。不过这里先后顺序不是重点，重点是如何在心中为你的网页布局出一个大致的框架，用惯TABLE的人，往往不习惯用CSS，不过看到CSS布局竟然可以代码这么少，一定会为CSS喝采的。

仿新浪CSS盒子模型示例，也就是网页某一部分的DIV布局的实现，感觉新浪的配色很不错，所以这里共享给大家，不知道对您有没有用。

仿腾讯盖楼爬墙新闻评论的CSS实现，如果不明白是什么意思，赶紧运行一下看看效果，立马就明白了。现在新浪、网易的评论系统基本都是这样，看上去很有趣，而且结构清淅，代码简洁，各位站长的网站也可以采用这种效果用作评论哦。

一个很常用的网页布局，使用CSS将网页分为上中下三行三列的Div布局，这是一个基本的雏形，刚开始学CSS布局的朋友，这对你很有帮助，使用非常简单的代码教会你如何使用CSS的DIV去布局网页，让你慢慢从TABLE过度到DIV。