基于结构标记放置内容_20160819

原文地址


说明

该技巧的目的是说明样式表是怎样增强视觉呈现的,且在没有使用样式表的情况,内容的呈现也是有意义的。使用CSS2的位置属性,内容可以被呈现在用户视窗的任何位置。使用结构元素保证内容的意义,当样式不可用时,仍是可以判定的。


样例

样例1:

在该结构标记(定义列表)被应用到内容中。CSS被用来将内容样式化为表单。每一个类将内容放置在列中,并且边距设置为0来重写用户代理的默认行为,来使用DD元素来呈现HTML定义列表。

以下为要展示的内容:


以下为要使用的CSS样式:


在线样例