css 结构怎样定义最好

来源：百度知道 编辑：UC知道 时间：2024/06/03 07:04:50
现在普遍制作DIV+CSS一般都是 用一个或三个 CSS文件
1.头部样式 公用样式
2.中部样式 公用样式
3.尾部样式 公用样式
但是 有人说 想每个页面都有自己独自的样式的时候 就要拿出来 单独给个样式.说这样比较好.其实我觉得好也是 清晰明了.但是这样也有点麻烦.
像内容层里有 重复的 我完全可以把样式写在一个 公用样式文件里.但是别人跟我说.这样的要拿出来单独在一个样式.还要用外部链接倒用:@input.
我想知道..最精简，最实用,最好的 CSS分布结构 就是 到底什么样的 CSS样式布局 是最好 最适合网站应用的..包括 关键字 页面加载速度 什么的..
我记得我刚学CSS的时候 就是 三层 是最好的 它是在 页面加载速度 编写简洁度 编写速度 之间找到的一个平衡点..所以说这样的布局构建 是最好的.
但是 现在别人不让我这样写.所以想看下大家是怎么样写的.

DIV+CSS取代TABLE的应用是将结构与表现形式相分离，达到结构清晰简洁，便于后期开发维护，且有利于SEO建设。
如果每个页面都要编辑自己的CSS，那么就完全丧失了应用DIV+CSS结构的必要性。
每一个应用系统中没有一个固定模式来应用DIV+CSS，就我的应用来说，尽量保持结构的清晰明了，命名规范，陪加注释，对以后的维护是很有帮助的。
对于CSS的容器命名，W3C有一个推荐命名表可以参考。

其实我们不要局限在一个思维中,三层只是整体布局(灵活点,根据需要可以增加减少)如果想做的话多看看别人的例子,推荐一下百度空间就是用css+div做的,你可以随便进入一个百度空间然后"文件"--"另存为",之后,把保存下来的文件打开看看它的布局.

直接给你写段代码.这也是WEB有一定基础可以读懂.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="c