html div p a h,HTML:h一、p、a、img、div、Iframe、Position

一、基本框架

菜鸟教程(runoob.com)

个人第一个标题

个人第一个段落。

二、HTML 标题(Heading)……是

-

标签订义

这是一个标题

这是一个标题

这是一个标题

三、HTML 段落(paragraph)……是标签

来定义的.

这是一个段落。

这是另一个段落。

四、HTML 连接 ……是标签 来定义的.

实例

这是一个连接

五、HTML 图像……是经过标签

b38a6e23ee294345b8195a58.html 来定义的.

实例

logo.png

六、div 元素是用于分组 HTML 元素的块级元素。

七、HTML 布局 - 使用表格

使用 HTML html 标签是建立布局的一种简单的方式。

八、Iframe - 设置高度与宽度

height 和 width 属性用来定义iframe标签的高度与宽度。web

九、CSS Position(定位)

9.一、static 定位

HTML 元素的默认值,即没有定位,遵循正常的文档流对象。浏览器

9.二、fixed 定位

元素的位置相对于浏览器窗口是固定位置。框架

即便窗口是滚动的它也不会移动

Fixed定位使元素的位置与文档流无关,所以不占据空间。svg

Fixed定位的元素和其余元素重叠。布局

9.三、relative 定位

相对定位元素的定位是相对其正常位置。

移动相对定位元素,但它本来所占的空间不会改变。

相对定位元素常常被用来做为绝对定位元素的容器块。code

9.四、absolute 定位

绝对定位的元素的位置相对于最近的已定位父元素,若是元素没有已定位的父元素,那么它的位置相对于

absolute 定位使元素的位置与文档流无关,所以不占据空间。xml

absolute 定位的元素和其余元素重叠。htm

9.五、sticky 定位

sticky 英文字面意思是粘,粘贴,因此能够把它称之为粘性定位。对象

position: sticky; 基于用户的滚动位置来定位。

粘性定位的元素是依赖于用户的滚动,在 position:relative 与 position:fixed 定位之间切换。

它的行为就像 position:relative; 而当页面滚动超出目标区域时,它的表现就像 position:fixed;,它会固定在目标位置。

元素定位表现为在跨越特定阈值前为相对定位,以后为固定定位。

这个特定阈值指的是 top, right, bottom 或 left 之一,换言之,指定 top, right, bottom 或 left 四个阈值其中之一,才可以使粘性定位生效。不然其行为与相对定位相同。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值