HTML基础知识（5）---颜色长度

原创 已于 2023-03-20 11:37:02 修改 · 250 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #html5 #css3

于 2023-01-30 18:28:15 首次发布
本文详细介绍了CSS中颜色的定义方式包括颜色名称、十六进制值和RGB值以及长度单位的分类绝对长度单位和相对长度单位。文章还列举了标准的颜色名称和长度单位的具体例子。

一、颜色

  1. 颜色名称

指使用表示颜色的英文单词来定义颜色值，支持140个标准的颜色名称

red 红色 green 绿色 blue蓝色 aliceblue 琥珀蓝 blueviolet 蓝紫色 tomato 番茄色 whitesmoke 白烟色

必须使用这140个标准的英文名称

中文汉字不能作为颜色值

  1. 十六进制值

指使用#RRGGBB的形式来定义颜色值

RR GG BB 00-FF之间 红色 绿色 蓝色 色彩强度

#号不用丢掉

字母全部小写

所有浏览器都支持

  1. RGB值

指使用RGB（red，green，blue）的形式来定义颜色值。每个参数都将颜色的强度定义为0到255之间的整数，中间用逗号分隔开

不区分大小写

括号里的数字和逗号前后可以有空格

所有浏览器都支持

具体的颜色值可以查看https://www.w3schools.com/colors/colors_names.asp

二、长度

1.绝对长度单位

固定的，用这些单位表示的长度会显示为设置的尺寸

厘米（cm）毫米（mm）英寸（in）px（pixel）（像素）

2.相对长度单位

指相对于一个长度计算出来的长度，一般用来适配不同的设备 百分比的形式

DP专题 5 | 颜色的长度 - UVA1625（线性DP）
ACM算法日常
07-17 3709
【题意】 输入两个长度分别为n和m的颜色序列（n，m<=5000），要求按一定规则合并成一个序列，规则是每次可以把一个序列开头的颜色放到新序列的尾部。例如对于序列GBBY和YRRGB，它们可以合成很多中结果，其中包含这样两种结果，GBYBRYRGB和YRRGGBBYB，对于每个颜色c来说，其跨度L(c)等于新序列中颜色c出现的最大位置和最小位置之差，比如对于上面的两种结果，每个颜色的L(...
UVA1625 颜色的长度（color length）（重庆一中高2018级信息学竞赛测验10） 解题报告
cqyz_holiday的博客
09-21 877
【问题描述】      　　输入两个颜色序列（只包含大写字母的字符串），要求按顺序合并成同一个序列，即每次可以把一个序列的开头的颜色放到新序列的尾部。  　　例如，两个颜色序列GBBY和YRRGB，至少有两种合并结果：GBYBRYRGB和YRRGGBBYB。对于每个颜色c来说，其跨度L(c)等于最大位置和最小位置之差，例如对于上面两种合并结果，每个颜色的L(c)和所有L(C)总和如下
颜色值与长度
diechi0288的博客
08-08 264
颜色值 　　在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种： 　　1、英文命令颜色　　　　p{color:red;}　　2、RGB颜色　　　　这个与 photoshop 中的 RGB 颜色是一致的，由 R(red)、G(green)、B(blue) 三种颜色的比例来配色...
颜色的长度 【UVA - 1625】【DP】
qq_41925919的博客
08-16 283
题目链接 题目大意 输入两个长度分别为n和m的颜色序列，要求按顺序合并成同一个序列，即每次可以把一个序列开头的颜色放到新序列的尾部。对于每个颜色c来说，其跨度L（c）等于最大位置和最小位置之差。 解题思路 我们用dp[i][j]表示从第一个串中拿了i个字母，从第二个串中拿了j个字母的花销。 用c[i][j]表示截止到第一个串的i位置和第二个串的j位置的时候，已经出现并且还没出现完的字母有多少个。 ...
UVa1625——颜色长度（DP）
Q755100802的博客
10-06 332
题目链接：https://vjudge.net/contest/232313#problem/H 思路：紫书上写的很详细了：不是等到一个颜色全部移完之后再相加，而是每次都计算已经开始但还没结束的颜色的个数并将长度累加。 所以，用res[i][j]表示第一个串还剩i个，第二个串还剩j个，已经开始但还没结束的字符个数。 dp[i][j]表示第一个还剩i个，第二个串还剩j个，还需要的最小指标函数。...
HTML初级知识点总结-最详细的总结.doc
最新发布
06-27
通过掌握这些初级知识点，可以为进一步深入学习HTML和构建更为复杂的网页打下坚实的基础。理解HTML的基本结构和文本格式的应用，以及如何使用不同的标记和属性来增强网页内容的表现力和功能性，对于前端开发人员来说...
Web前端设计与开发技术-课件-第10章-CSS基础完整.pptx
11-17
本资源为Web前端设计与开发技术课程的第10章，主要介绍CSS基础知识。该资源涵盖了CSS概述、CSS的组成、在HTML中使用CSS的方法、CSS取值与单位、CSS字体、CSS文本、CSS背景、CSS框模型、CSS超链接和设置光标属性、CSS...
使用HTML开发商业网站-CSS3核心基础课件.pptx
07-10
它们一起构成了现代网页设计的基础，使得开发者能够分离内容与表现，从而提高网页的可读性、可维护性和用户体验。 **HTML5的优势** HTML5引入了许多新特性，旨在提升网页的交互性和功能性。例如，新的标签元素如`...
Projet-DUT-1A-HTML-CSS：HTML和CSS上的小型基础设施
02-15
HTML（HyperText Markup Language）和CSS（Cascading Style Sheets）是构建网页和网页设计的基础技术。本项目“Projet-DUT-1A-HTML-CSS”旨在通过实践操作，帮助初学者掌握这两种语言的基本概念和应用。 HTML是用于...
Matlab基础知识--入门级
qq_43352918的博客
12-07 971
矩阵和数组： 1、矩阵的创建 ~单行矩阵各元素用逗号或空格隔开。如a=[1 2 3 4]. ~多行矩阵各行之间用分号隔开。如b=[1,2;3,4;5,6]. ~用函数来创建矩阵，如创建一个5行1列每一个元素都是0的列向量：z=zero(5,1). 2、矩阵和数组的操作 ~在Matlab中，允许用一个单一的运算或者函数对矩阵中所有数据进行处理.如“a+10”“sin(a)”. ~用单引号(’)表示对...
html5 颜色条取色器
03-01
带颜色拖动条取色器，获取颜色代码。兼容pc(google)和移动端
Color Length-颜色的长度(UVA1625,ACM/ICPC Daejeon 2011)(DP找最优值,较难,转化DP思路,指标函数优化计算方式)
Mouse_liang的博客
08-13 749
前言 题目 题目大意: 思路 代码 题外话 前言 这道题过得很悬啊,5000*5000*25的数据3s竟然过了……本来加的优化全部都可以删了,在我看来这是一个伪O(mn)O(mn)O(mn)~ 题目 这里好不容易找到了PDF版的 附两个传送门(UVA有点慢): vjudge UVA 题目大意: 输入两个长度为n,m(n,m&lt;=5000)的颜色序列...
Color Length UVA - 1625 颜色的长度 线性dp
Nicolas的博客
02-13 420
题目链接  即每次可以把一个序列开头的颜色放到新序列的尾部。例如，两个颜色序列GBBY和YRRGB，至少有两种合并结GBYBRYRGB和YRRGGBBYB。对于每个颜色c来说，其跨度L(c)等于最大位置和最小位置之差。例如，对于上面两种合并结果，每个颜色的L(c)和所有L(c)的总和如图9-8所示。 你的任务是找一种合并方式，使得所有L(c)的总和最小(8)。 【分析】 根据前面的经验，可...
#UVA1625#Color Length--颜色的长度（DP + 提前累加思想）
ElaineZXY的博客
07-18 518
题意： 给定两个长度分别为n和m 的颜色序列，要求按顺序合并成一个序列，即每次可以把开头的颜色放到新序列末尾，跨度l（c）等于最大和最小的位置之差。 序列长度不超过5000。 输入第一行为数据组数。 定义Dp[i][j]表示两个序列分别已经移走i和j个元素，还需要的费用（即还需要的累加上去的长度） 本题的关键在于不知道每种颜色的开始和结束位置，但是Dp中我们并不一定要关注这个，
[UVa1625]颜色的长度
UISG103的博客
07-18 508
Cars painted in different colors are moving in a row on the road as shown in Figure 1. The color of eachcar is represented by a single character and the distance of two adjacent cars is assumed to b
【UVa1625】颜色的长度
cqyz_yuyuko的博客
09-21 504
【问题描述】      　　输入两个颜色序列（只包含大写字母的字符串），要求按顺序合并成同一个序列，即每次可以把一个序列的开头的颜色放到新序列的尾部。  　　例如，两个颜色序列GBBY和YRRGB，至少有两种合并结果：GBYBRYRGB和YRRGGBBYB。对于每个颜色c来说，其跨度L(c)等于最大位置和最小位置之差，例如对于上面两种合并结果，每个颜色的L(c)和所有L(
CSS中的颜色、长度、角度、时间
weixin_30247781的博客
02-08 178
一、颜色的表示方法 　　颜色是通过对红、绿和蓝光的组合来显示的。 1、颜色名　　　 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6...
html添加色条,html怎么给span添加颜色
weixin_35638013的博客
06-18 712
html给span添加颜色的方法：1、在对应的css文件中加入代码如“span{color:blue;}”或其他选择器；2、在head标签中加入代码如“span{color:blue;}”；3、在对应标签中添加css样式。本文操作环境：windows7系统、HTML5&&CSS3版，DELL G3电脑设置span中的颜色方式有三种：1.外联式 2.嵌入式 3.内联式1.使用方法：在...
前端之CSS
weixin_30430169的博客
09-20 263
目录 一.css三种引用方式 1.行间式 2.内联式 3.外联式 4.三种方式的优先级 二.样式与长度颜色 1.基本样式 2.长度 3.颜色 三.常用样式 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值