朝花夕拾 – DIV+CSS布局实战系列教程【文字版 – Part2】
第一部分教程中我们做好了一些必要的前期准备工作,并把背景图像应用在了BODY标签上,关于利用CSS定义元素背景的一些知识。
第一部分教程中我们做好了一些必要的前期准备工作,并把背景图像应用在了BODY标签上,关于利用CSS定义元素背景的一些知识。
本教程通过视频讲解如何一步步构建一张DIV+CSS网页,当然是从一张完全空白的网页开始…教程中涉及的图片素材和最终效果仅作一个参考,是否能设计出更美观的作品就要依仗大家自身的平面设计功底了。
在子元素上应用图片翻转,默认状态下我并没有为子元素设置可视的背景图片,而是让父元素的背景显示在子元素区域内,这个时候子元素的背景在CSS的控制下跑得远远的,只有当鼠标经过的时候,才会归位显示在子元素区域中。
文本的样式在网页中有着相当大的重要性,可能你觉得之前的效果截图看起来还可以,那是因为我使用的是火狐浏览器,它的默认字体是Sans-Serif,而IE中的默认字体是Serif,效果看起来就不怎么样了。
CSS的学习过程既可以说简单又可以说是复杂。CSS的语法比较简单,但CSS的应用中有一些概念或者说是原理还是很难掌握的。虽然现在国内也有了很多CSS相关的专题网站,但毕竟在起步上慢了N拍。
由于我们使用的PNG透明LOGO引发了一个问题,就是我们的老朋友IE6并不支持PNG透明。幸运的是我们可以通过一个简单的Hack来应付这个问题,我们只需要简单的下载一个脚本,当然要放置到站点目录中。
本系列将向大家讲解并演示如何从PSD图样逐步构建CSS页面的完整过程,我们将通过四张PSD图样系列的转换贯穿教程,在此过程中你差不多可以能体验到WordPress主题模板的制作。
本系列将向大家讲解并演示如何从PSD图样逐步构建CSS页面的完整过程,我们将通过四张PSD图样系列的转换贯穿教程,在此过程中你差不多可以能体验到WordPress主题模板的制作。