css样式(二)(伪类 | 伪元素 | 导航 | 图像拼合 | 属性选择器 )
一、rgb值:
RGBA 颜色RGBA 颜色值得到以下浏览器的支持:IE9+、Firefox 3+、Chrome、Safari 以及 Opera 10+。RGBA 颜色值是 RGB 颜色值的扩展,带有一个 alpha 通道 - 它规定了对象的不透明度。RGBA 颜色值是这样规定的:rgba(red, green, blue, alpha)。alpha 参数是介于 0.0(完全透明)与 1.0(完全不透明)的数字。 实例p { background-color:rgba(255,0,0,0.5); }
二、16进制:
十六进制颜色所有浏览器都支持十六进制颜色值。十六进制颜色是这样规定的:#RRGGBB,其中的 RR(红色)、GG(绿色)、BB(蓝色)十六进制整数规定了颜色的成分。所有值必须介于 0 与 FF 之间。举例说,#0000ff 值显示为蓝色,这是因为蓝色成分被设置为最高值(ff),而其他成分被设置为 0。 实例p { background-color:#0000ff; }
三、常用颜色对照表:
转载于:https://www.cnblogs.com/camelroyu/p/4169344.html
css样式(二)(伪类 | 伪元素 | 导航 | 图像拼合 | 属性选择器 )相关推荐
- CSS入门二、美化页面元素
零.文章目录 CSS入门二.美化页面元素 1.字体属性 CSS Fonts (字体)属性用于定义字体系列.大小.粗细.和文字样式(如斜体) (1)字体系列font-family font-family ...
- 伪类---伪元素知识汇总
文章目录 一.伪类 1.anchor伪类 1.1 anchor伪类 1.2 anchor伪类的种类 1.3 使用时的注意事项 2.搭配使用 2.1 结合CSS类配合使用 2.2 搭配元素使用 2.2. ...
- 学习笔记(10)伪类伪元素
目录 1,伪类 2,伪元素 3,伪类伪元素的区别 3.1,相同点 3.2,不同点 1,伪类 w3c的定义:CSS伪类是用来添加一些选择器的特殊效果. 伪类是指原本存在的标签,在满足某些条件的情况下,就 ...
- 【web】伪类伪元素
伪类伪元素 伪类选择器 可以理解为描述元素的某种状态 常用伪类 a标签的4种伪类(要按顺序书写:link.visited.hover.active) :link:元素链接点击前的样式 :visited ...
- title属性 给元素增加提示 title属性选择器
title title属性 作用 title可以给任何标签使用 可对元素增加一个提示作用 即 原被作用元素生效后 鼠标移入到元素生效的区域不动 会提示增加的提示内容 比如 p打印出字体后 加入titl ...
- js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
各部分功能代码详见注释: <template><div><button v-if="!ifFullScreen" @click="fullS ...
- CSS3——对齐 组合选择符 伪类 伪元素 导航栏 下拉菜单
水平&垂直对齐 元素居中对齐 .center {margin: auto;width: 50%;border: 3px solid green;padding: 10px; } 文本居中对齐 ...
- CSS:基本概念、选择器、伪类伪元素
基本概念 HTML使用结构化标记的理由:易于建立内容索引.增加文档可用性.增加可访问性.易于维护. 元素(element):文档结构的基础,每个元素生成一个框(box)其中包含元素的内容, 元素的两 ...
- 伪类 伪元素 如何区分
前段时间在写网页的时候,使用了CSS的伪元素:after来实现样式,故而重温了一下伪类和伪元素.平时实现的时候便是拿出来用,但是真正区分两者的概念的时候却有点混淆了. 首先,查看一下W3S对伪类和伪元 ...
最新文章
- 用Beamer制作幻灯片(卷二 色彩篇)
- pandas使用str函数和startswith函数,筛选dataframe中不是(not start with)以特定前缀开头的数据列(selecting columns)
- 马斯克自曝:至暗时刻求苹果收购,库克连瞧都没瞧一眼
- Node.js 快速了解
- 读取excel日期 c++_实例9:用Python自动生成Excel档每日出货清单
- java中的doget_java servlet中doGet()和doPost()方法的用法和区别
- 分类算法——朴素贝叶斯分类
- NEO从源码分析看NEOVM
- java resources目录 编码_关于Java项目读取resources资源文件路径
- 浅谈5G机房配套那些事
- 汽车之家购买价格PC真正的原因阿拉丁
- console 一行_你还在用 console.log 调试?
- python3开发工具推荐_python开发工具有哪些?我推荐这5款python开发工具!
- Unhandled exception: org.springframework.beans.factory.BeanDefinitionStoreException
- Elasticsearch-PHP requires cURL, or a custom HTTP handler.
- 51nod1812树的双直径(换根树DP)
- HTTP基础(图解HTTP笔记)幕布
- FreeBSD 8.0候选版本RC2发布
- 奶瓶(beini)破解无线密码流程:安装、抓包、从虚拟机(VMware)拷贝握手包(拷贝到硬盘、U盘)、跑包...
- 第十章(项目沟通管理)知识点