css 使用CSS消除表格

使用CSS消除表格

CSS或级联样式表为改善网站设计，网页布局和添加新功能提供了巨大的可能性。 CSS可以使HTML代码更短，更干净和更简单，从而加快了网页的加载速度，并使搜索引擎更易于访问它们。在这里，我仅介绍CSS的一部分，用它来消除表格。

如果您查看传统设计的网页，则可能会在布局中找到许多表格。以前，表仅用于以表格形式显示信息。但css样式表是网站设计师很快就开始将表用于其他应用程序，例如显示图像，图形和其他装饰。

我自己的网页是表格的早期棋盘格。每个网页几乎都被表覆盖，许多表嵌套在其他表中。当我尝试添加更多功能时，设计变得越来越复杂，导致加载时间更长。它因此花了很多时间来“调整”页面上的表以使其可接受。

使用CSS重新设计所有页面并非易事。但是，一旦我开始工作，这些改进就超出了我的讨价还价要求。设计变得更简单，外观得到改善，并且加载时间**减少。该代码看起来很干净。大多数“ td”和“ tr”标签都消失了。

我这样做的目的并不是要真正改变外观，而是要简化设计。现在，已删除了以前仅用于设计目的的表格。为了消除表，第一步是决定必须删除哪些表，或更确切地说是哪些单元。对于应用CSS，表的每个单元格都可以视为一个“盒子”。这些框具有单独的标识，每个“框”的描述均包含在CSS代码中。可以为“框”指定名称，例如box1，box2等。“框css”的描述可以包括大小，其在网页上的位置，背景颜色和图像（如果有），字体deta文件，填充，边框详细信息等。“框”的位置可以在网页上“固定”，也可以是浮动的，在这种情况下，可以相对于另一个“框css”定义位置。

如果正确确定了包装盒的位置和尺寸，则它们可以很好地适合网页，使其外观整洁。由于取消了与表设计相关的代码，因此页面的内容在代码中更加突出。这使搜索引擎蜘蛛更容易找到页面的实际内容。

如果您有多个设计类似的网页，则可以将包含这些和其他详细信息的CSS代码放入外部文件中。这将进一步缩短每个页面的代码。使用CSS可以在网页设计和布局方面进行许多改进。 CSS也可以用于页面的搜索引擎优化。

我在CSS方面的经验非常好，我想知道为什么不经常使用它。我的建议–转换为基于CSS的设计。

–

桑杰·乔哈里（Sanjay Johari）贡献艺术经常去各种电子杂志。他的网站包含有关小型企业主和家庭企业主的信息，文章，资源，机会等。