一、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样式(二)(伪类 | 伪元素 | 导航 | 图像拼合 | 属性选择器 )相关推荐

  1. CSS入门二、美化页面元素

    零.文章目录 CSS入门二.美化页面元素 1.字体属性 CSS Fonts (字体)属性用于定义字体系列.大小.粗细.和文字样式(如斜体) (1)字体系列font-family font-family ...

  2. 伪类---伪元素知识汇总

    文章目录 一.伪类 1.anchor伪类 1.1 anchor伪类 1.2 anchor伪类的种类 1.3 使用时的注意事项 2.搭配使用 2.1 结合CSS类配合使用 2.2 搭配元素使用 2.2. ...

  3. 学习笔记(10)伪类伪元素

    目录 1,伪类 2,伪元素 3,伪类伪元素的区别 3.1,相同点 3.2,不同点 1,伪类 w3c的定义:CSS伪类是用来添加一些选择器的特殊效果. 伪类是指原本存在的标签,在满足某些条件的情况下,就 ...

  4. 【web】伪类伪元素

    伪类伪元素 伪类选择器 可以理解为描述元素的某种状态 常用伪类 a标签的4种伪类(要按顺序书写:link.visited.hover.active) :link:元素链接点击前的样式 :visited ...

  5. title属性 给元素增加提示 title属性选择器

    title title属性 作用 title可以给任何标签使用 可对元素增加一个提示作用 即 原被作用元素生效后 鼠标移入到元素生效的区域不动 会提示增加的提示内容 比如 p打印出字体后 加入titl ...

  6. js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)

    各部分功能代码详见注释: <template><div><button v-if="!ifFullScreen" @click="fullS ...

  7. CSS3——对齐 组合选择符 伪类 伪元素 导航栏 下拉菜单

     水平&垂直对齐 元素居中对齐 .center {margin: auto;width: 50%;border: 3px solid green;padding: 10px; } 文本居中对齐 ...

  8. CSS:基本概念、选择器、伪类伪元素

    基本概念 HTML使用结构化标记的理由:易于建立内容索引.增加文档可用性.增加可访问性.易于维护.  元素(element):文档结构的基础,每个元素生成一个框(box)其中包含元素的内容, 元素的两 ...

  9. 伪类 伪元素 如何区分

    前段时间在写网页的时候,使用了CSS的伪元素:after来实现样式,故而重温了一下伪类和伪元素.平时实现的时候便是拿出来用,但是真正区分两者的概念的时候却有点混淆了. 首先,查看一下W3S对伪类和伪元 ...

最新文章

  1. 用Beamer制作幻灯片(卷二 色彩篇)
  2. pandas使用str函数和startswith函数,筛选dataframe中不是(not start with)以特定前缀开头的数据列(selecting columns)
  3. 马斯克自曝:至暗时刻求苹果收购,库克连瞧都没瞧一眼
  4. Node.js 快速了解
  5. 读取excel日期 c++_实例9:用Python自动生成Excel档每日出货清单
  6. java中的doget_java servlet中doGet()和doPost()方法的用法和区别
  7. 分类算法——朴素贝叶斯分类
  8. NEO从源码分析看NEOVM
  9. java resources目录 编码_关于Java项目读取resources资源文件路径
  10. 浅谈5G机房配套那些事
  11. 汽车之家购买价格PC真正的原因阿拉丁
  12. console 一行_你还在用 console.log 调试?
  13. python3开发工具推荐_python开发工具有哪些?我推荐这5款python开发工具!
  14. Unhandled exception: org.springframework.beans.factory.BeanDefinitionStoreException
  15. Elasticsearch-PHP requires cURL, or a custom HTTP handler.
  16. 51nod1812树的双直径(换根树DP)
  17. HTTP基础(图解HTTP笔记)幕布
  18. FreeBSD 8.0候选版本RC2发布
  19. 奶瓶(beini)破解无线密码流程:安装、抓包、从虚拟机(VMware)拷贝握手包(拷贝到硬盘、U盘)、跑包...
  20. 第十章(项目沟通管理)知识点

热门文章

  1. 家里的活一般是都帮不上忙
  2. 湿气重的人,脸上会有哪些信号?
  3. 失业几个月找不到工作是一种怎样的体验?
  4. 我们团队有个做风水项目的现在月收入也有几万了
  5. 为什么90%的人都抓不住暴富的机会?
  6. During a meeting, there was a woman
  7. Vue.js开发记录--用watch监听对象中属性的变化
  8. 使用QXmlStreamReader读取解析XML文件
  9. php无限次执行函数,php – 防止多次执行JavaScript函数
  10. 十步轻松搞定IIS+PHP环境搭建