一花一世界 – CSS实例教程:树型列表的实现(下)
XHTML结构中,只是很规则的一个多重列表,把一个多重无序列表进行转换,表现为带线条连接的树型结构。
最终表现出来的结构和元素都是静态的,我们无法对其节点进行增删操作。首先在XHTML结构中,只是很规则的一个多重列表,除了在最外层的ul上应用了tree样式之外,没有附带任何的其它元素 …
在Body中放置的是页面中所有的内容,如图片、文字、表格、表单、超链接等设置,同时它也有自己的属性,而它的样式可控制整个页面的显示方式。但是HTML 4.01不赞成使用Body元素内任何用于设置外观的属性,而且XHTML 1.0严格型DTD也不支持Body元素内任何用于设置外观的属性。
文档编码格式定义了网页显示的字符集,如果你的文档是用其它语言编写的,那编码格式的定义就相当重要了。许多年来,人们都使用遵从ISO 8859-1字符集标准的拉丁文(包含英文)编写文档。ISO标准的字符集及其子集涵盖了大部分的语言。
图像关闭/CSS开启,需要一组额外的无内容span标签,而且背景图片的透明区域无法隐藏文本。不管你使用的是上列何种方法,都放弃了直观的鼠标悬停提示效果。事实上我们并不一定要依赖于alt,这个缺陷我们可以利用title属性来进行完善 …
一些比较流行的图像替换方法对于屏幕阅读器是无效的,而且如果关闭图像但是打开CSS,就会出现内容缺失。因此,许多CSS作者停止使用图像替换方法,恢复为使用一般文本。
利用CSS中的background-position属性实现垂直型CSS条状图表,列表项采用了绝对定位,因为后面我们要通过left来控制各个项目之间的距离。
在CSS样式中,dl部分只是简单的把内外边距设置为0,dd部分有一个clear属性需要特别注意。当某个元素的属性设置float浮动时,它所在的物理位置已经脱离文档流了,但是大多时候我们希望文档流能识别float浮动,或者是希望浮动元素后面的内容不被其float浮动所影响,这个时候我们就需要设置clear来清除这种浮动关联。