网上商店系统
首    页 | 电商资讯 | 电商作品 | 成功案例 | 电商方案 | 系统演示 | 电商建设 | 电商索引 | 电商问题
当前位置: 首 页 > 电商建设

精通CSS(14)- 视觉格式化模型

文章来源:北京宇光宏达       浏览次数:1231次        发布日期:2011-7-20 2:01:30

2.2.1  视觉格式化模型

ph1div等元素常常称为块级元素。这意味着这些元素显示为一块内容,即“块框”。与之相反,strongspan等元素称为行内元素,因为它们的内容显示在行中,即“行内框”。

可以使用display属性改变生成的框的类型。这意味着,通过将display属性设置为block,可以让行内元素(比如锚)表现得像块级元素一样。还可以通过将display属性设置为none,让生成的元素根本没有框。这样,这个框及其所有内容就不再显示,不占用文档中的空间。

CSS中有三种基本的定位机制:普通流、浮动和绝对定位。除非专门指定,否则所有框都在普通流中定位。顾名思义,普通流中元素框的位置由元素在(X)HTML中的位置决定。

块级框从上到下一个接一个地排列;框之间的垂直距离由框的垂直空白边计算出来。

行内框在一行中水平布置。可以使用水平填充、边框和空白边调整它们的水平间距(见图2-9)。但是,垂直填充、边框和空白边不影响行内框的高度。由一行形成的水平框称为行框,行框的高度总是足以容纳它包含的所有行内框。但是,设置行高可以增加这个框的高度。

2-9  一个行框中的行内元素

框可以按照(X)HTML元素的嵌套方式包含其他框。大多数框由显式定义的元素形成。但是,在一种情况下,即使没有进行显式定义,也会创建块级元素。这种情况发生在将一些文本添加到一个块级元素(比如div)的开头时。即使没有把这些文本定义为段落,它也会被当作段落对待:

在这种情况下,这个框称为无名块框,因为它不与专门定义的元素相关联。

块级元素内的文本行也会发生类似的情况。假设有一个包含三行文本的段落。每行文本形成一个无名行框。无法直接对无名块或行框应用样式,因为没有可以应用样式的地方。但是,这有助于理解在屏幕上看到的所有东西都形成某种框。


特别提示:如需转载此篇文章请注明文章来源企策互通
文章关键词:
上一篇:
精通CSS(13)- 空白边叠加 (2011-7-11 关注度:1228)
下一篇:
精通CSS(15)- 相对定位 (2011-7-20 关注度:1208)
 
 相关文章
 
基于SMS的移动电子商务存在哪些安全问题?(2012-11-2 关注度:134)
怎样评估企业网站是否有竞争力?(2011-7-18 关注度:771)
披露创业秘密 网站的盈利方式有哪些(2011-7-20 关注度:1459)
企业网站的三种基本形式(2011-6-14 关注度:1674)
实现网页中按钮刷新的N种方法(2011-7-20 关注度:1785)
伦敦MeCompany网站设计师谈网页布局艺术(2011-7-17 关注度:1145)
精通CSS(12)- IE/Win和框模型 (2011-7-18 关注度:1204)
网页META标签内容写作规范要点(2011-7-20 关注度:1651)
 
行业观点类别
 

开店疑难(94)
电商建设(143)
电商运营(217)
电商发展趋势(96)
售后服务(10)

电商建设关注排行 
  1.网页设计页面大小分析 不同分辨率下的网页大小
  2.网站建设合同模板 标准网站建设合同下载
  3.网站设计论文下载
  4.便宜网站建设 便宜网站建设分析
  5.网站建设业务营销策略 企业网站建设业务营销分析
  6.小议中英文网站排版设计的视觉差异
  7.提高网站友好度的十点建议
  8.十大网站设计错误 - 2006
  9.深度分析 企事业单位网站建设问题严重
  10.网站可信度建设十大准则 如果建立可信度高的企业公
电商建设最新文章 
  1.基于SMS的移动电子商务存在哪些安全问题?
  2.国内首个电子商务调解中心获批并正式成立
  3.关键词对网站的运营有什么影响?怎么分析网站关键词?
  4.什么是网上商城前端设计与网店前台设计?
  5.网页META标签内容写作规范要点
  6.Asp中通用函数
  7.探讨网站获得盈利的前提条件
  8.网站建设三步:申请空间编写网页上传文件
  9.明定网站的优化设计
  10.披露创业秘密 网站的盈利方式有哪些
首    页  |  关于我们  |  定制开发  |  购买流程  |  网店系统特性  |  商城系统策划  |  开店疑问问题  |  网店建设观点  |  友情链接  |  联系我们
  Copyright 2005-2007 51system 网上商城系统 All Rights Reserved 北京宇光宏达 版权所有 地址:北京市朝阳区东三环北路戊2号A1505室。
京ICP备11007506号