Position 属性：规定元素的定位类型。即元素脱离文档流的布局，在页面的任意位置显示。

①absolute ：绝对定位；脱离文档流的布局，遗留下来的空间由后面的元素填充。定位的起始位置为最近的父元素(postion不为static)，否则为Body文档本身。

②relative ：相对定位；不脱离文档流的布局，只改变自身的位置，在文档流原先的位置遗留空白区域。定位的起始位置为此元素原先在文档流的位置。

③fixed ：固定定位；类似于absolute，但不随着滚动条的移动而改变位置。

④static ：默认值；默认布局。

position属性只是使元素脱离文档流，要想此元素能按照希望的位置显示，就需要使用下面的属性(position:static不支持这些)：

①left ：表示向元素的左边插入多少像素，使元素向右移动多少像素。

②right ：表示向元素的右边插入多少像素，使元素向左移动多少像素。

③top ：表示向元素的上方插入多少像素，使元素向下移动多少像素。

④bottom ：表示向元素的下方插入多少像素，使元素向上移动多少像素。

上面属性的值可以为负，单位：px 。

CSS top 属性

top 属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

注释：如果 "position" 属性的值为 "static"，那么设置 "top" 属性不会产生任何效果。

值	描述
auto	默认值。通过浏览器计算上边缘的位置。
%	设置以包含元素的百分比计的上边位置。可使用负值。
length	使用 px、cm 等单位设置元素的上边位置。可使用负值。
inherit	规定应该从父元素继承 top 属性的值。

为所有需要相对父容器居中对齐的块级元素设置“margin: auto;”，并且还要设置父容器的 "text-align: center;"使标签按钮居中显示。

注意观察当对H1标签使用font-weight特性时是无效的还是使用默认的font-weight:bold;属性

转载于:https://www.cnblogs.com/zhongyudengdaoyinghuahuimou/p/6854326.html

basic knowledge相关推荐

5. SAP S/4 运维基础知识(Basic Knowledge) - SAP S/4 Basis Learning
本系列基于 SAP S/4 HANA version 1709 - On Premise 前言本文用于读者快速了解SAP Basis的一些基本概念,不对具体的操作进行详细说明目录目录前言目录 ...
刘顺琦 - CSCI 561 midterm 2 basic knowledge
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WPpj6Rfn-1627034161223)(basic%20knowledge.assets/image-202103 ...
使用Forms Authentication 身份验证之 Basic Knowledge
与Forms Authentication相关的配置在web.config文件中,<system.web>/<authentication>配置节用于对验证进行配置.为< ...
Linux学习笔记——1、Basic knowledge
参考鸟哥的Linux私房菜地址:http://vbird.dic.ksu.edu.tw/linux_basic/linux_basic.php 参考网中人地址:http://www.study-are ...
Android | WIFI Direct -1 Basic knowledge
WIFI P2P 1 . 名词缩写 2. WIFI 模块几种常见工作模式 3.两种常见频段 4. P2P 中的几种角色 5. P2P 的组网技术 6 . Android 中的P2P 1 . 名词缩写 ...
important basic knowledge of SAS
getting data into SAS tools 键盘宏记录键盘操作定制 options structure data step proc + name + data=dataset nam ...
Ada语言学习（1）Basic Knowledge
文章目录说在前头命名注释数字变量变量类型 signed integers Enumerations Floating Points 类型重用(继承) 类型转换运算符属性(Attribu ...
Java Basic Knowledge—— newCoder —— Java专项练习 —— Day04
Java Basic Knowledge—— newCoder —— Java专项练习 —— Day01 —— 22 / 30

basic knowledge

CSS top 属性

basic knowledge相关推荐

最新文章

热门文章