16.CSS中使用颜色
使用颜色
在计算机中，传统的模型之一为RGB模型，所有颜色都是通过红色、蓝色、绿色三种颜色进行组合；我们通过数值去表示
例如：
- 红色（255.0.0）、蓝色（0.0.255）、绿色（0.255.0）
- 白色（255.255.255）、黑色（0.0.0）
- 洋红色（255.0.255）、青色（0.255.255）、黄色（255.255.0）
CSS中rgb的表示方法
CSS中，我们可以使用rgb方法或者十六进制方法去表示颜色
例如
rgb(0,255,255) #表示青色rgb（244，179，63） #橙色除此之外，我们还可以设置透明度，称之为alpha
例如
rgba（0，255，255，0.3）
#看上去稍微淡一点的青色
十六进制表示法
- 我们将使用0-FF的比例来代表颜色，最常用
例如
#00ffff
表示青色，FF和255都一样，只是FF是用十六进制表示
注：在写VS代码中，我们经常会使用颜色板去查找颜色且在实际生活中，我们经常会使用十六进制去表示颜色，但是如果我们需要使用到透明度，我们还是会使用rgba函数
注意：在RGB模型中，三种颜色所占的比例一致时，就是灰色。所以灰色有很多种不同的灰色
回到之前的代码中
- 我们将标题1设置一个颜色
h1 {font-size: 26px;text-transform: uppercase;font-style: italic;color:#1098ad
}
- 但是我们需要列表都是一个颜色，用一个列表选择器代替上面的写法
h1,
h2,
h3 {color: #1098ad;
}
- 除此之外，我们现在将所有的段落字体设置为好看的灰色
h1,
h2,
h3,
h4,
p,
li {font-family: sans-serif;color: #444;
}
h1,
h2,
h3 {color: #1098ad;
}
注意：h123的颜色还是#1098ad，CSS中如果一个元素多次被定义颜色，使用最后的那个；
- 为了突出我们的页眉部分，我们将页眉部分添加好看的灰色底色
###HTML代码<header class="main-header"><h1>
16.CSS中使用颜色相关推荐
- css中背景颜色用哪个,CSS 背景颜色
颜色背景 CSS中背景颜色由background-color决定,这里的背景颜色会渲染padding和content,不会渲染border和margin部分. 在css3中可以通过background ...
- php网页代码字体颜色设置,html和css中字体颜色设置的相关总结
网页中颜色的运用是网页必不可少的一个元素.使用颜色目的在于有区别.有动感.美观之用,同时颜色也是各种各样网页的样式表现元素之一,所以在我们的日常开发中不管是前端还是后端都离开不字体颜色,那么我们今天就 ...
- html背景色线性渐变,css中背景颜色线性渐变和径向渐变效果的示例分析
css中背景颜色线性渐变和径向渐变效果的示例分析 发布时间:2021-06-04 14:00:26 来源:亿速云 阅读:80 作者:小新 这篇文章将为大家详细讲解有关css中背景颜色线性渐变和径向渐变 ...
- 【css】css中的颜色
css中的16进制颜色与RGB的对应转换,透明设置 十六进制颜色值 RGB颜色值 RGBA颜色值 HSL 及 HSLA 预定义/跨浏览器颜色名 17种标准色 透明设置 用rgba设置透明颜色 用opa ...
- 使html轮廓颜色不同,css中border颜色不同怎么设置？
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. css中bord ...
- html5border设置彩色,css中border颜色不同怎么设置？
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. css中bord ...
- CSS中的颜色和字体
2.CSS里的颜色: (1)关键词:black,silver,white;十六进制值:#ff0000 (2)RGB:rgb(255,0,0);HSL-hsl(0,100%,50%) (3)RGBA:r ...
- CSS中背景颜色、背景图片、渐变色、背景定位、精灵图（雪碧图）介绍
背景background: 背景可以设置为颜色和图片,设置为图片时,可以对图片继续设置. background-color:设置背景颜色: 其颜色的取值方式前面提到过,和color的取值一样,但是默认 ...
- css 中的颜色设置
常用的有三种方式: 一.十六进制颜色: #RRGGBB,其中RR:红色,GG:绿色,BB:蓝色: (注意:所有取值必须在 0 和 FF之间,F是16): 二.RGB颜色 rgb(红,绿,蓝) (注意: ...
最新文章
- python for i in range 三维_python中的三维卷积
- 前端学python有什么用-对于一个小白，前端和python哪个更适合？
- 2018.12.15 bzoj3676: [Apio2014]回文串（后缀自动机）
- 国家新一代人工智能开放创新平台将参加重庆智博会
- ML之LoRBaggingRF：依次利用LoR、Bagging、RF算法对泰坦尼克号数据集 (Kaggle经典案例)获救人员进行二分类预测——优化baseline模型
- idea 一直在build_CEO季度表彰团队| 我们一直在做最酷的事
- OSI模型数据链路层为什么需要分层?
- var let this的区别
- mysql数据库创建带-的数据库名
- python中superclass是什么_Python中super()函数简介及用法分享
- 【ZZ】栈和堆的区别
- 【转】TreeList 选中节点时图标状态和背景色
- echarts3Dearth 地球数据可视化添加 tooltip效果和涟漪扩散的效果
- 2023秋招大厂经典面试题及答案整理归纳（241-260）校招必看
- 网络爬虫：Beautiful Soup库信息组织与提取
- SSM+jsp整合步骤（注解开发）
- Autovue 版本有关的几个问题
- dcdc升压电源模块可调直流HRB5v24v12v转50v120v165v110v180v350v
- diode示例1silvaco仿真流程
- Android 2⃣️day
热门文章