• 日本战犯侵华罪行自供 2019-08-20
  • 马天宇《纳西索斯》首发 变身自恋狂魔马天宇 2019-08-14
  • 川美师生图绘总书记重庆团重要讲话精神 2019-08-12
  • 圣洁的雪山文章中国国家地理网 2019-08-12
  • 第二届石家庄旅发大会开幕在即 一“鹿”走来“泉”是风景 2019-08-06
  • 山西省17所第一届全国文明校园巡礼 2019-07-29
  • 贫血吃什么?这些补血妙招别错过 2019-07-27
  • 5G标准出炉!与4G有啥不一样? 或1秒内下载1G电影 2019-07-27
  • 天津市级机关工委机关党委部署开展br“不忘初心 牢记使命”——纪念建党97周年系列活动 2019-07-26
  • 俄罗斯世界杯期间惊现UFO,外星人也来看球? 2019-07-20
  • 韩法务部简化签证程序 吸引中国游客来韩 2019-07-20
  • 共产主义社会,马克思主义对未来的科学预测。对于共产党人来说,是自己的信仰,对于相信这种科学预测者来说,是一种价值追求。至于未来的共产主义实行什么样的分配方式,马 2019-07-05
  • 中直机关优良“家风家训”格言 2019-07-04
  • 国家审计促发展 促改革 促安全 促绩效系列访谈 2019-07-04
  • 西安出现“共享护士” 手机下单就会上门服务 2019-07-01
  • 广东福彩快乐十分走势图 www.fcbwr.com 知识学院

    div的浮动、定位、和框架模型概念介绍

    来源:广东福彩快乐十分走势图    类别:网站设计知识    发布时间:2015-05-18
    可视化模型:浮动、定位和框架模型是CSS的3个最重要的概念,这些概念控制在页面上安排和显示元素的方式.形成CSS的基本布局。
    视觉可视化模型:p、h1、div等元素常常被称为块级元素。这就意味着这些元素显示为一块内容。即“块框”。与之相反。strong和span等元素称为行内元素,因为它们的内容显示在行中。即“行内框”。
    可以使用display属性改变生成的框的类型.通过将display属性设t为block,可以让行内元素表现像块级元素一样?;箍梢越玠isplay属性设none.让生成的元素根本没有框。这样这个框及其所有内容就不显示了,不占用文档中的空间。
    CSS中有3种基本的定位
    机制,分别是普通流、浮动和绝对定位。除非专门指定,否则所有框都在普通流中定位。
    块级框从上到下.一个接一个地排列,框之间的垂宜距离由框的垂直空白边计算出来
    行内框在一行中的水平位置,可以使用水平填充、边框和空白边设置,它们之间的水平间距。但是垂直填充、边框和空白边不影响行内框的高度。
    由于一行形成的水平框称为行框,行框的高度足以容纳它包含的所有行内框,设置行高可以增加这个框的高度。
    框可以按照XHTM的嵌套方式包含其他的框。大多数框由显示定义的元案形成。但是在一些情况下,即使没有进行显示定义,也会创建块级元素。这种情况发生在将一些文本添加到一些块级元素(比如DIV)的开头时,即使没有把这些文本定义为段落,它也会被认为是段落:
    公司简介
    公司领导介绍
    在这种情况下,这个框为无名块框,因为它不与专门定义的元素相关联??榧对啬诘奈谋拘幸不岱⑸嗨频那榭?。假设有一个包含3行文本的段落,每行文本形成一个无名行框.则无法直核对无名框或行框应用样式,因为没有可以应用样式的地方。但是。这有助于理解在屏幕上看到的所有东西都形成某种框。
    浮动定位:还有一种定位模型为浮动模型。浮动的框可以左右移动,直到它外边缘碰到包含框或另一个浮动框的边缘。因为浮动根不在文档的普通流中,所以文档流中的块框表现得就像浮动框不存在一样。
    float可选参数有以下几个。
    inherit:继承父级元素的浮动属性。
    Lift:元素会移至父元素中的左侧。
    none:默认值。
    right:元素会移至父元素中的右侧。
    position定位:position定位与float一样.也是CSS排版中非常里要的概念。Position的字面意思是指定块的位置,即块相对子其父块的位置和相对于它自身应该在的位置。
    position属性值有以下几种。
    absolute:绝对,将对象从文档流中拖出.通过width、height、left right、toP、bottom等属性与margin,padding、border进行绝对定位,绝对定位的元素可以有边界,但这些边界不压缩。而其层叠通过z-index属性定义。
    fixed:悬浮,使元素固定在屏幕的某个位置,其包含块是可视区域本身.因此它不随滚动条的滚动而滚动。   inhert:继承上级元素position值。
    relative:相对,对象不可层叠但将依据left, right、top, bottom等属性在正常文档流中偏移位置。
    static:静态(默认),无特殊定位。
  • 日本战犯侵华罪行自供 2019-08-20
  • 马天宇《纳西索斯》首发 变身自恋狂魔马天宇 2019-08-14
  • 川美师生图绘总书记重庆团重要讲话精神 2019-08-12
  • 圣洁的雪山文章中国国家地理网 2019-08-12
  • 第二届石家庄旅发大会开幕在即 一“鹿”走来“泉”是风景 2019-08-06
  • 山西省17所第一届全国文明校园巡礼 2019-07-29
  • 贫血吃什么?这些补血妙招别错过 2019-07-27
  • 5G标准出炉!与4G有啥不一样? 或1秒内下载1G电影 2019-07-27
  • 天津市级机关工委机关党委部署开展br“不忘初心 牢记使命”——纪念建党97周年系列活动 2019-07-26
  • 俄罗斯世界杯期间惊现UFO,外星人也来看球? 2019-07-20
  • 韩法务部简化签证程序 吸引中国游客来韩 2019-07-20
  • 共产主义社会,马克思主义对未来的科学预测。对于共产党人来说,是自己的信仰,对于相信这种科学预测者来说,是一种价值追求。至于未来的共产主义实行什么样的分配方式,马 2019-07-05
  • 中直机关优良“家风家训”格言 2019-07-04
  • 国家审计促发展 促改革 促安全 促绩效系列访谈 2019-07-04
  • 西安出现“共享护士” 手机下单就会上门服务 2019-07-01
  • 广东快乐十分五码遗漏 2019海南环岛赛路线 浙江体彩20选5单期走势图 云南11选5任3遗漏 足彩进球彩没猜中没钱吗 大乐透彩票大奖排行 福建快3走势一定牛 四川时时彩平台哪个好 北京pk赛车开奖结果 聚齐乐棋牌 7n篮球比分 大乐透中奖规则及奖金 南福22选5最新开奖 澳洲幸运5开奖直播加微 3d选两个数组三是多少钱