CSS---RGBA和position属性解释
rgb与rgba的含义
RGB 是代表Red（红色） 、Green（绿色）、 Blue（蓝色）三个单词的缩写。
RGBA 颜色值是 RGB 颜色值的扩展，添加了一个 alpha 通道， 它规定了对象的不透明度。
1、 基本语法:
R：红色值。 正整数（0~255）或 百分数（0.0% - 100.0%）
G：绿色值。 正整数（0~255）或 百分数（0.0% - 100.0%）
B：蓝色值。 正整数（0~255）或 百分数（0.0% - 100.0%）
A：透明度。取值0~1之间，不可为负值
rgb的书写格式：rgb(90,50,25);
其中第一个数字（90）表示Red 颜色（红色值），第二个数字（50）表示Green 颜色（绿色值），
第三个数字（25）表示Blue 颜色（蓝色值）。数字越大（不超过255）则表示其对应的颜色加的越多。
rgba的书写格式：rgba(90,50,25,0.5);
从上面我们可以得到 RGBA 颜色值是 RGB 颜色值的扩展，添加了一个 alpha 通道，
它规定了对象的不透明度。
前面三个数值跟 rgb表示的是一样的，a 的值为0~1之间的值，0表示透明色，1表示不透明，
0.5表示每个（R、G、B）颜色50%的透明度，
也就是每个颜色半透明状态。这里的a还可以简写成 .5，这里只要是有小数点的透明度，都可以这样简写。
先放上原文链接：https://blog.csdn.net/mybelief321/article/details/50211801
一、body{margin: 0; padding: 0;}
这句话的含义是：浏览器默认情况下，<body>的宽度要与<html>宽度小，所以需要这句话来消除边距。
二、position:relative
首先，看一下官方对position的解释：position这个属性定义元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，
而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。看不懂？那就先不看。
再来理解一下“文档流”“正常流”，
百度百科是这样解释“文档流”：将窗体自上而下分成一行行，并在每行中按从左至右的顺序排放元素，即为文档流（自己的理解是从头到尾按照文档的顺序，
该在什么位置就在什么位置，也可以按照上面的意思理解，自上而下，自左到右的顺序）。
咱们的HTML的布局机制就是用文档流模型的，即块元素（block）独占一行，内联元素（inline）不独占一行。
简言之：相对于自身默认的位置进行偏移。
三、position:absolute
absolute官方解释为“生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位”。
首先认识一下static，static是position的默认值，它表示没有定位，元素出现在正常的流中。
如果要使绝对定位absolute生效，必须指定left、right、top和bottom属性中的至少一个！
CSS---RGBA和position属性解释的更多相关文章
- Css中的Position属性
Css中的Position属性 Css属性在线查询地址: http://www.css88.com/book/css/properties/index.htm CSS 中的 position 属性 在 ...
- DIV CSS布局中position属性用法深入探究
本文向大家描述一下DIV CSS布局中的position属性的用法,position属性主要有四种属性值,任何元素的默认position的属性值均是static,静态.这节课主要讲讲relative( ...
- 细说css中的position属性
有过css开发经验的同学,对于position这个属性一定不会陌生,然而这个熟悉的属性确是面试题中的常客,也就说明了该属性在css的世界是有一定的江湖地位的,那么我们就来详细的说说position这个 ...
- css中的position属性值的探究
css的position属性指定了元素的定位类型,然后通过top,botton,left,right来具体定位. 在具体定位之前必须使用position属性,否则所有的具体定位属性都无法生效. pos ...
- css中关于position属性的探究（原创）
关于position属性的设置,头脑中一直觉得不是很清楚,所以借助这次机会单独自己测试了一下,记作学习笔记. 首先,css的position属性包含下面四种设置情况: static:默认属性.指定 ...
- 详解css中的position属性
这一次直接进入主题. css中最常用的布局类属性,一个是float,另一个就是定位属性position. 对于position来讲,有以下属性值: static : 无特殊定位,对象处于正常文档流.其 ...
- 对CSS中的Position属性的一些深入探讨
转:http://www.cnblogs.com/coffeedeveloper/p/3145790.html Position属性 Position的属性值共有四个static.relative.a ...
- 浅谈css中的position属性
我觉得吧,css如果不考虑浏览器的兼容问题的话,最让人头疼的应该就是position了,反正我是这么觉得的,为了能基本上搞清楚position的几种情况,我找了一些资料,做了一个小实验,下面是实验的过 ...
- 【CSS学习】--- position属性
一.前言 1.HTML中的三种布局方式: 标准流(普通流):网页中默认的布局方式,即顺序布局 浮动:float 定位:position 2.position属性的作用方式: 给position属性设置 ...
- 理解css中的position属性
理解css中的position 两种类型的定位 static类型:只有一个值position: static.position默认值 relative类型:包括三个值,这三个值会相互影响,允许你以特定 ...
随机推荐
- Java I/O 教程（十） ObjectOutputStream和ObjectInputStream
ObjectOutputStream ObjectOutputStream用于往输出流中写入原始类型和Java对象. 类定义 public class ObjectOutputStream exten ...
- vmware之NAT模式配置
题外话之前的题外话,本文迁移自别的社区,三年前大学实习时写下本文,过了几年再回过头来看,虽然讲得浅显,作为入门笔记也勉强合格. ---------------------------------- ...
- win32 - 使用GDI+从资源中获取图像并加载
很多时候我们习惯使用GDI+中Image类来加载本地文件,但是有时候我们需要资源中从加载png格式的图片时,却无法使用该类. 我们可以使用FindResource,LoadResource和LockR ...
- Linux驱动开发笔记（四）：设备驱动介绍、熟悉杂项设备驱动和ubuntu开发杂项设备Demo
前言 驱动的开发需要先熟悉基本概念类型,本篇讲解linux杂项设备基础,还是基于虚拟机ubuntu去制作驱动,只需要虚拟机就可以尝试编写注册杂项设备的基本流程. linux三大设备驱动 字符设 ...
- Django多方式登录认证
多方式认证原理 我们平常使用的Django登录认证是django.contrib.auth.authenticate 点进去源码,我们会看到这个函数,真正的认证类是它里面的那个 继续点进去源码,会看到 ...
- MSYS2使用记录——win10系统64位安装msys2最新版（msys2-x86_64-20190524.exe）
MSYS2使用记录--win10系统64位安装msys2最新版(msys2-x86_64-20190524.exe) 安装 测试系统: windows 10 首先需要msys2的安装包,可以去官网下载 ...
- JS案例-网页轮播图
鼠标经过轮播图模块,左右按钮提示,离开隐藏左右按钮 点击右侧按钮一次,图片往左播放一张,以此类推,左侧按钮同理 图片播放的同时,下面小圆圈模块跟随一起变化 点击小圆圈,可以播放相应图片 鼠标不经过轮播 ...
- Zabbix“专家坐诊”第195期问答汇总
问题一 Q:麻烦请教一下zabbix服务器总是上报这几个告警,需要处理嘛?怎么处理? A:同步历史数据进程负载过高的话会影响到server的性能,建议增加服务器硬件配置. Q:是需要增加哪方面的配置, ...
- idea vue 格式化 并保存文件 宏 快捷键 ctrl+s
idea 格式化是 reformat Code 存盘是 ctrl+s 所以创建一个宏,先点格式化,再点存盘,然后定义个ctrl+s的快捷键覆盖之前的保存就ok了. 资料: IDEA 配置宏定义 并为宏 ...
- 音频重采样48kk转16k
作为一个音频算法工程师,不懂重采样怎么可以呢?这里做一个常用的方法介绍: pcm转wav: ffmpeg -f s16le -ar 8000 -ac 2 -i out.pcm -ar 44100 -a ...