土豆网前端概况（4）
作者：Aether 来源：蓝色理想 发布时间：2008-01-24 12:06:00
标签：土豆,前端,设计,开发
B、 盒状（box）模型结构
盒装模型是建立在页面布局的基础上，承载内容和数据的最直接页面基础结构，主要分为容器、标题、内容、底部三个部分。
一个典型的盒装模型效果分为侧栏效果和主栏效果两种风格，统一的HTML结构，通过CSS来控制样式上显示的不同，这一部分在样式层主要讨论。
在首页以及少量特殊页面上，会有额外的风格，但是依然以盒状模型为基础。
解析如下：
HTML片段如下：
C、包装（pack）模型
对于站内存在的视频、豆单、播客、小组、话题讨论等等，都有既定的统一表现风格，因此在盒装模型以外，单独设立了面向这些常用内容的模型结构，因为是打包处理，所以称之为包装模型。
包装模型基本风格一致，但是在各处的显示略有不同，同时还会涉及在个人主页上自定义样式等，是需要符合全站出处可用的封装模型。
常见的有：
包装模型最重要的变化来自于样式层的处理，其结构本身很简单，就不做解析了，以下是一个视频包的HTML片段范例：
0
投稿猜你喜欢
- 静态页面是蜘蛛喜欢的，会得到蜘蛛经常光顾的，以至于网站上的内容会得到搜索引擎更多的收录。这里介绍一个asp伪静态的程序实现方法数据库是acc
- 如何在pytorch中使用word2vec训练好的词向量torch.nn.Embedding()这个方法是在pytorch中将词向量和词对应
- 本文实例讲述了PHP实现逐行删除文件右侧空格的方法。分享给大家供大家参考，具体如下：在编辑整理代码的过程中发现网上的一些代码经常会有不少的右
1、目的通过读取配置文件获取pgsql用户名和密码及数据库和数据表，从而读取所需字段值。2、代码架构config/config.go:读取配- ElasticSearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于RESTful web接口。E
- 插件说明：插件根据提供的10位ISBN书号，在Amazon网站上查找该图书的详细信息。如果找到结果，则返回一个两元素的数组，其中第一个元素是
- 简介Python下有许多款不同的 Web 框架。Django是重量级选手中最有代表性的一位。许多成功的网站和APP都基于Django。Dja
- 简单的问答已经实现了,那么问题也跟着出现了,我不能确定问题一定是"你叫什么名字",也有可能是"你是谁"
- 性能监控一、web项目（如gin中）1.使用ginpprofimport "github.com/DeanThompson/gin
- 其实老早之前就已经做完了，这次稍微改进一下浏览地址：http://www.healdream.com/upload/html/autocli
- 用程序来处理图像和办公文档经常出现在实际开发中，Python的标准库中虽然没有直接支持这些操作的模块，但我们可以通过Python生态圈中的第
- Upload组件是自带上传进度，但是样式调起来很麻烦，我们要做的就是自定义一个首先页面要引入组件 Upload， Progressuploa
- 缘由最近在做公司的一个点餐H5项目需要前端动态计算用户选的商品的总价（单价*数量）和购物车的总价格时发现关于 JavaScript 浮点数计
- 以图像处理见长的微软Live实验室，最近发布了一款新作：Pivot。装完启动后的第一印象就是一款浏览器，和IE、FF、Chrome又不太一样
- 本文实例讲述了php+mysqli使用面向对象方式更新数据库的方法，分享给大家供大家参考。具体实现方法如下：<?php//第一步：创建
- 目录1. 开发之前确定实体类型2. 请求接口时只需要定义自己需要用到的字段3. 使用枚举类型4. DOM元素的类型要正常给5.对象的类型要怎
- 豆瓣电影排行榜前250 分为10页，第一页的url为https://movie.douban.com/top250,但实际上应该是https
- 在CSS布局中，ul，li的运用是非常常见的。配合DIV与CSS，创建无表格布局。 其实Dreamweaver中也有自带的CSS布局的范例，
- 饼图中的series有个avoidLabelOverlap属性，avoidLabelOverlap:是否启用防止标签重叠策略，默认开启，在标
- http://www.cppcns.com/shujuku/mysql/283231.html 也可以参照这个8.0
