一花一世界 – CSS实例教程:复合型CSS条状图表(下)
在CSS样式中,dl部分只是简单的把内外边距设置为0,dd部分有一个clear属性需要特别注意。当某个元素的属性设置float浮动时,它所在的物理位置已经脱离文档流了,但是大多时候我们希望文档流能识别float浮动,或者是希望浮动元素后面的内容不被其float浮动所影响,这个时候我们就需要设置clear来清除这种浮动关联。
在CSS样式中,dl部分只是简单的把内外边距设置为0,dd部分有一个clear属性需要特别注意。当某个元素的属性设置float浮动时,它所在的物理位置已经脱离文档流了,但是大多时候我们希望文档流能识别float浮动,或者是希望浮动元素后面的内容不被其float浮动所影响,这个时候我们就需要设置clear来清除这种浮动关联。
相对比较复杂的图表,但是仍然遵循上篇中提出的最基本的思路。本例中使用的定义列表标签dl可能平常我们见得不多,一般我们在做列表的时候通常只会用到ul和li标签,至于dl一般都很少用到,它也属于列表类的标签,下面说一下大概的用法 …
标题中体现出了站点的名称、页面在站点中所处的目录结构,这些对网站的浏览者而言都是相当有用的信息。下面展示的是一个糟糕的标题设计,它对用户起不到任何的帮助作用,我们应该尽量的利用Title,为用户提供一些使用的信息 …
在定义了文档类型信息后,我们就可以开始从根元素构建文档了。在之所以用了“根”这个描述,是因为Web页面中所有的内容以一种树形结构进行组织,只有明确了这一点之后,我们在今后才能有效的利用CSS来定义各个内容的样式。
通过一定的代码来声明文档的类型并定义其编写语言和版本。这些声明信息可以用标准的通用置标语言SGML来定义。SGML是HTML的元语言,它通常作为DOCTYPE声明出现在网页文档中。
一个Web文档是遵循一定的逻辑构建的,你必须依据代码编写的语言及其版本,把元素和对象按照规范放置在特定的位置才能产生效果,最终的代码调试也是基于这些规范进行的。
网站重建被大家认为是脱胎换骨咸鱼翻身的重要一步,的确如此,重构之后的网站完全换了个样子。可以肯定的是,重构过的网站代码是更漂亮的,体积也更小。如果是英文网站,重构过的网站就可以提交到很多DIV+CSS网站集锦的目录,获得很多额外的链接。