国人比较喜欢称 Xhtml+css 为 div+css，所以本系列经典图文教程就用大家熟悉的叫法吧，就叫 div+css，这个经典图文教程是陌小雨博客友链子涵互动视觉网站的原创教程，陌小雨觉得写得很好，所以就转过来给大家学习下，相比之前分享的xhtml+css 基础系列教程更加生动，有趣，对刚接触 wordpress 建站或者说网页制作的人是非常实用的。
这是该 Xhtml+css 经典图文教程的第七部分：
其实，这个教程是针对完全毫无基础的小白同学的，所以有些基础的朋友别急啊……教程我会一直写下去，何况教程并不是十分枯燥，即使有些知识你们已经知道了，那就权当看个连环画吧！
毕竟篇幅有限，我们仅仅只能将 css 写一个很小的部分。但我以为本节课是十分重要的，可以说中间有很多东西适用于所有编程语言……
![零起点php入门第1课-php数据类型](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/uploads/phpsjlx.png&w=80&h=60&zc=1")
![WordPress获取文章第一个标签名：get_the_tags()和wp_get_post_tags()](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/uploads/WordPresstags.jpg&w=80&h=60&zc=1")
![防止wordpress网站目录中敏感文件被嗅探扫描下载](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/themes/wpcool/images/random/2.jpg&w=80&h=60&zc=1")
![WordPress主题中的一键换色是怎么做到的？](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/uploads/20140712172548_6309.jpg&w=80&h=60&zc=1")
![分享一个windows10万能文件预览工具：QuickLook](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/themes/wpcool/images/random/6.jpg&w=80&h=60&zc=1")
![公告：陌小雨博客个人博客大全开始实行定期清理死链制度（附第一次死链清理结果）](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/uploads/4e.jpg&w=80&h=60&zc=1")