朝花夕拾 – DIV+CSS布局实战视频教程【文字版 – Part4】
超链接本身是一种内联级对象,我们利用display强制转换成块级对象之后,就可以自由的控制它的尺寸并应用高度、背景、边框等属性了。当然,成为块级元素之后,会破坏原来预期的导航菜单项同行排列的效果,所以我们在CSS中为链接对象定义了左浮动属性。
超链接本身是一种内联级对象,我们利用display强制转换成块级对象之后,就可以自由的控制它的尺寸并应用高度、背景、边框等属性了。当然,成为块级元素之后,会破坏原来预期的导航菜单项同行排列的效果,所以我们在CSS中为链接对象定义了左浮动属性。
网站中这个版块称之为为Blog Name或Blog Titile更妥当,我们可以把网站名称、网址、一句话简介甚至关键字等信息放在里面。
本教程通过视频讲解如何一步步构建一张DIV+CSS网页,当然是从一张完全空白的网页开始…教程中涉及的图片素材和最终效果仅作一个参考,是否能设计出更美观的作品就要依仗大家自身的平面设计功底了。
把一个网站的样式表分成若干文件的好处,比如把布局和定位的样式定义放在layout.css里,把图像和颜色相关的样式放在colors.css里等等。乍看起来似乎很有道理,因为这种做法可以让我们的样式表更加整洁和有序,但在实际应用中却可能存在一些问题。
第一部分教程中我们做好了一些必要的前期准备工作,并把背景图像应用在了BODY标签上,关于利用CSS定义元素背景的一些知识。
清除浮动(或者叫闭合浮动元素)是Web标准设计中经常会遇到的一个问题,因此在这里通过视频的形式稍微总结一下目前经常用到的几种方法,并比较一下它们的易用性和适用环境。
在处理元素时,CSS假定每个元素都生成一个或多个矩形框,叫做元素框。每个元素框包含像核一样的内容区,这个内容框被可选的补白padding、边框border以及边界margin包围,这些可选元素均可被设置为零宽度,相当于将它们从元素框中去除。
Web Developer 插件以工具栏的形式对网页的(X)HTML、脚本、多媒体、CSS、缓存、图象等多方面的实用工具。使我们能轻易的获得网页的更多信息,使我们进一步的了解当前所浏览的网页。