CSS层叠样式表(下).pptx_第1页
CSS层叠样式表(下).pptx_第2页
CSS层叠样式表(下).pptx_第3页
CSS层叠样式表(下).pptx_第4页
CSS层叠样式表(下).pptx_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、开发组技术培训、CSS层叠样式表(下图)、CSS定位、块级元素：div、h1或p元素通常称为块级元素。也就是说，这些元素是一个内容(即“块框”内联元素，如span和strong)，称为内联元素。这是因为其内容显示在行中。“内联框”、CSS定位机制和CSS具有三种默认定位机制：正常流、浮动和绝对定位，因此块级别框架是自上而下排列的，框之间的垂直距离计算为框的垂直外边缘距离。行内框水平放置在一行中。您可以使用水平内边距、边框和外边距调整间距。但是，垂直内边距、边框和外边距不会影响内联框的高度。由行形成的水平框称为“行框”(Line Box)，行框的高度始终足以容纳所有包含行的内部框。但是，设置行高

2、会增加此框的高度。CSS position属性和position属性允许您选择4的不同类型的定位，这将影响元素框的生成方式。Static:元素框正常生成。块级元素在文档流中生成矩形框，行内元素在其父元素中创建一个或多个行框。Relative:元素框偏移特定距离。元素会维持其定位前的外观，并保留原始占用的空间。Absolute:元素框从文档流中完全删除，并相对于包含块放置。内含区块可以是文件中的其他元素，也可以是初始内含区块。元素最初在常规文档流中占用的空间将关闭，就像元素最初不存在一样。放置元素时，无论原始在规则流中生成的长方体类型如何，都会生成块级别的长方体。Fixed:元素框类似于将职位设

3、置为absolute，但包含块是窗口本身。CSS位置属性、CSS相对位置，如果将一个元素放置在相对位置，则该元素将出现在该位置。然后，可以设置垂直或水平位置，以使此元素与起点“相对”移动。# box _ relative position : relative；Left: 30pxTop: 20px设置为、CSS绝对定位、绝对定位的元素框将从文档流中完全删除，并相对于包含块放置。内含区块可以是文件中的其他元素，也可以是初始内含区块。元素最初在常规文档流中占用的空间将关闭，就像元素最初不存在一样。放置元素时，无论原始在规则流中生成的长方体类型如何，都会生成块级别的长方体。# box _ relative position : absolute；Left: 30pxTop: 20px、CSS浮动、浮动框可以向左或向右移动，直到其外部边接触到包含框或其他绘图仪的边界。因为绘图仪不在文档的正常流中，所以文档的正常流中的块框看起来像没有绘图仪一样。CSS大小(Dimension)、CSS分类(Classification

人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论