土豆网前端概况（4）
作者：Aether 来源：蓝色理想 发布时间：2008-01-24 12:06:00
标签：土豆,前端,设计,开发
B、 盒状（box）模型结构
盒装模型是建立在页面布局的基础上，承载内容和数据的最直接页面基础结构，主要分为容器、标题、内容、底部三个部分。
一个典型的盒装模型效果分为侧栏效果和主栏效果两种风格，统一的HTML结构，通过CSS来控制样式上显示的不同，这一部分在样式层主要讨论。
在首页以及少量特殊页面上，会有额外的风格，但是依然以盒状模型为基础。
解析如下：
HTML片段如下：
C、包装（pack）模型
对于站内存在的视频、豆单、播客、小组、话题讨论等等，都有既定的统一表现风格，因此在盒装模型以外，单独设立了面向这些常用内容的模型结构，因为是打包处理，所以称之为包装模型。
包装模型基本风格一致，但是在各处的显示略有不同，同时还会涉及在个人主页上自定义样式等，是需要符合全站出处可用的封装模型。
常见的有：
包装模型最重要的变化来自于样式层的处理，其结构本身很简单，就不做解析了，以下是一个视频包的HTML片段范例：
0
投稿猜你喜欢
- 当系统出现故障时，只要存在数据日志那么就可以利用它来恢复数据解决数据库故障。作为SQL Server数据库管理员，了解数据日志文件的作用，以
- 在进行CSS网页布局开发时，您肯定遇到过形形色色的布局问题，虽然有大量的教程提供帮助，但最后可能被搞得焦头烂额。本文的目的是让您的设计过程更
由于个人能力有限，文章中难免会出现错误或遗漏的地方，敬请谅解！同时欢迎你指出，以便我能及时修改，以免误导下一个看官。最后希望本文能给你带来一- 流程，通俗来讲，就是许多人，在做一系列的事情时，怎样相互协调，安排好这一系列事情的先后顺序，有什么事先的约定，需要达到怎样的预期目标。在UE
- 杭州最美的季节里，淘宝无障碍访问改善小组有幸邀请到盲人在线站长——争渡读屏团队成员——杨永全同学和我们一起面对面交流网站无障碍访问方面的问题
- <html><head><title>不刷新页面查询的方法</title><meta
- 最近了解了下repaint和reflow的相关知识，觉得在页面重构过程中就应该考虑前端开发（js）人员对dom进行操作，能够减轻客户浏览器的
- 如果你能很好的理解我下面的一句话，那这些都不是问题了。asp是服务器端语言，它的作用是动态生成客户端浏览器所能识别的html css jav
- 很多朋友希望，我能把我做网站的一些流程及经验跟大家分享一下，最近刚好做一次内部培训，所以稍微整理了一下，这些只是针对网页初学者，具有一定平面
- bookheader.asp Recommended Books for <％=session(&quo
- 相信大家平时都有这样的经历：页面上有一个链接指向服务器一个Word文件，当客户端机器有安装Office时，点击链接将调用Word打开浏览；当
- 这篇论坛文章着重介绍了SQL Server数据库简体繁体数据混用的问题，详细内容请参考下文：我现在要说的是一个在简体繁体数据混用的时候很容易
- 安装完 Oracle11g 之后，想打开自带的 SQL Plus 来学习，然后按照提示用 sys 用户来连接数据库，可输了好几次都提示一个错
- 在产品开发中，由UED发起的项目越来越多，但是现在的问题是很难为其设定商业价值的目标。如果没有明确的商业价值目标，很多公司根本没办法花大成本
- 请先看看以下演示中的图案文字。这可不是图片效果，而是用CSS滤镜中的Chroma() 语句做成的文本文
- MacJi “偷懒”翻译了部分，下午冒着被 BOSS 开除的危险将其补完（原文链接）。使用 line-height 垂直居中line-hei
- 美化主要表现在鼠标放到菜单上后（即鼠标悬停）的效果，这里首先介绍几个经常用到的CSS属性：backgr
- HTML5 越来越引起人们的关注，苹果甚至将 HTML5 视为 Flash 的掘墓人 。然而，作为一种尚未成型的技术，HTML5 对很多人来
- 可能接触网站与编程设计的人都知道，一个属性值需要引号包括起来，但是有的时候就是因为没有正确设定引号类型，导致程序出错，就连我自己也是这样，我
- 在 玉伯 的文章 《一道大题目，嘿嘿》 中有这样一段代码：[] == ![]也许很多同学迷惑：咦，这个如何转换呢？首先，我们了解下逻辑 NO
