我从事前端工作已经好几年了。 我不敢说我能看透他，但我还是有一些自己的东西的。 就制作而言，我将一个页面分为四层：框架、布局、模块、列表和数据块。
1. 框架
页面的框架基本上是：“头”、“体”和“尾”。 但对于某些页面，比如由于布局的需要，需要在“head”下面添加一个“menu”。
2.布局（下面使用#ID来表示页面元素）
#Head和#Foot我就不说了，具体请查看demo页面的源代码。
布局是指将#Main中的内容分成几个大块。 我们看一下，#Main中典型的左右结构是用#、#表示的，如图
3. 模块
布局#，#中的块是模块，
按照我的理解，一个模块至少要有一个ID，Class取决于页面设计，需要复用的就添加进去。
关于模块的ID名称，需要选择一个有意义的名称。 当然，如果你比较懒，也可以使用#Col_1、#Col_2。 。 。
模块的类名用 ., ., 表示。 。 。
模块内部如下图
4. 列表和数据块
模块的主体由列表组成，列表包含数据块。
根据我的理解，页面上的信息实际上是不同类型的列表。 我们应该提取典型的列表方法并将其放入通用样式（.css）中。
例如，.css 中至少需要定义三种类型的列表：
1..list -v 垂直列表方法（图片和文字垂直排列）
2..list -h 水平列表方法（图片和文字水平排列）
3..list -t 文本列表方法
数据块实际上是微格式的变相应用，它为不同的数据元素定义了固定的结构。
需要定义的数据块有：
1..（视频）
2..mList（bean列表）
3..mUser（用户）
例如。 应该是这样的：
=“”
= "p" ahref = "" title = "" = "" alt = "阿联酋有望再次首发对阵公牛队"
=“d”
=》》ahref =》》title =》》阿联酋对阵公牛队有望再次首发
=》》ahref =》》title =》》阿联酋对阵公牛队有望再次首发
=""06:88
DIV CSS教程：判断用户分辨率并调用不同的CSS样式文件
（未经网络测试，请自行验证）
变量=“”；
var IE800="";
变量=“”；
变量=“”；
单独填写引号，用户使用IE且分辨率为1024*768、800*600、1152*864时要使用的css文件名。
变量=“”；
变量=“”；
变量=“”；
变量=“”；
单独填写引号，用户使用FF且分辨率为1024*768、800*600、1152*864时要使用的css文件名。
变量=“”；
变量=“”；
变量=“”；
变量=“”；
单独填写引号，用户使用其他浏览器且分辨率为1024*768、800*600、1152*864时要使用的css文件名。
不判断分辨率，只判断浏览器
根据E.Qiang的建议，编译如下代码。 实现根据浏览器类型自动调用不同的CSS。
代码：
=“”
/
解释：
如果浏览器是IE，则调用.css
如果浏览器是，则调用 .css
如果浏览器是其他浏览器，则调用.css
使用方法：放入/head即可。
=“”
/
示例：将页脚保留在非全屏页面的底部
当内容不超过一屏时，当浏览器窗口变小时，页脚文本行会向上浮动，但仍保留在底部。
当内容多于一屏时，显示在网页底部而不是窗口底部； 测试了一下，是可以的，在IE6、IE7、FF等下都没有问题！ 窗口缩小就没有问题了！
首先是JS脚本：
(){
=.(“信息”).;
=.("").;
=..;
=.("");
如果（（+））{
.style.="";
.风格.=
}别的{
.风格.=
.风格.=
((){测试();},10);
测试（）;
检查运行效果：
!html "-//W3C//DTD XHTML 1.0 //EN" "/TR//DTD/-.dtd"html xmlns="/1999/xhtml" http-equiv="-Type"="text/html; =utf-8" /示例：将页脚保留在非全屏页面的底部/*{ :0; :0}#info{:#}#{:#;宽度:100%;}/style/ /br /br /br /br /br /br /br /br /br /br /br /br /br / ="" type="text/" test(){var = .("info").;var = .("").;var = ..;var = .("");if(( + ) ）{。风格。 =“”;.风格。 = "0";}其他{.style. =“”； 。风格。 = "";} ((){test();},10);}test();//body/html
【可以先修改部分代码然后运行看看效果】
