当前位置: 首页 > news >正文

编程笔记 html5cssjs 018 HTML颜色

编程笔记 html5&css&js 018 HTML颜色

  • 一、HTML 颜色
  • 二、HTML中设置颜色值
  • 三、颜色名称和颜色值

颜色是视觉中重要因素,尤其是处理人机界面中,更是要处理颜色设置和搭配。在网页中,提供了设置颜色的一些方案,需要我们认真学习和掌握。

一、HTML 颜色

HTML 颜色由红色、绿色、蓝色混合而成。
颜色值:
HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。
每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。

二、HTML中设置颜色值

  1. 使用常用的颜色名称:例如red(红色)、blue(蓝色)、green(绿色)等。
<p style="color: red;">红色文字</p>
  1. 使用RGB(红绿蓝)颜色值:通过指定红色、绿色和蓝色的亮度来定义颜色。每个颜色的亮度值范围是0-255。
<p style="color: rgb(255, 0, 0);">红色文字</p>
  1. 使用十六进制颜色值:通过指定红色、绿色和蓝色的十六进制值来定义颜色。每个颜色的十六进制值范围是00-FF。
<p style="color: #FF0000;">红色文字</p>
  1. 使用HSL(色调、饱和度、亮度)颜色值:通过指定颜色的色调、饱和度和亮度来定义颜色。色调的值范围是0-360,饱和度和亮度的值范围是0-100。
<p style="color: hsl(0, 100%, 50%);">红色文字</p>

注意:以上颜色值的设置方式可以在HTML的内联样式中使用,也可以在CSS样式表中使用。

三、颜色名称和颜色值

有关颜色名、颜色值等内容,网上有很全面的参考内容。自己找。另外编程工具也都提供了快捷输入的一些方式,也有助于对颜色的了解。把下面的代码执行一下,可以用来查看已经具名的颜色。

<!DOCTYPE html>
<html><head><title>编程笔记 html5&css&js 018 HTML颜色</title><meta charset="utf-8"><style>body {background: color black;}</style>
</head>
<h1>HTML颜色</h1><h2>目前所有浏览器都支持以下颜色名。</h2>
<p>141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)。下表列出了所有颜色的值,包括十六进制值。</p>
<hr>
<h2>按颜色名排序</h2><table class="reference notranslate"><tr><th align="left" width="25%">颜色名</th><th align="left" width="20%">HEX</th><th align="left" width="50%">Color</th></tr><tr><td align="left"> AliceBlue</a>&nbsp;</td><td align="left"> #F0F8FF</a></td><td bgcolor="#F0F8FF">&nbsp;</td></tr><tr><td align="left"> AntiqueWhite</a>&nbsp;</td><td align="left"> #FAEBD7</a></td><td bgcolor="#FAEBD7">&nbsp;</td></tr><tr><td align="left"> Aqua</a>&nbsp;</td><td align="left"> #00FFFF</a></td><td bgcolor="#00FFFF">&nbsp;</td></tr><tr><td align="left"> Aquamarine</a>&nbsp;</td><td align="left"> #7FFFD4</a></td><td bgcolor="#7FFFD4">&nbsp;</td></tr><tr><td align="left"> Azure</a>&nbsp;</td><td align="left"> #F0FFFF</a></td><td bgcolor="#F0FFFF">&nbsp;</td></tr><tr><td align="left"> Beige</a>&nbsp;</td><td align="left"> #F5F5DC</a></td><td bgcolor="#F5F5DC">&nbsp;</td></tr><tr><td align="left"> Bisque</a>&nbsp;</td><td align="left"> #FFE4C4</a></td><td bgcolor="#FFE4C4">&nbsp;</td></tr><tr><td align="left"> Black</a>&nbsp;</td><td align="left"> #000000</a></td><td bgcolor="#000000">&nbsp;</td></tr><tr><td align="left"> BlanchedAlmond</a>&nbsp;</td><td align="left"> #FFEBCD</a></td><td bgcolor="#FFEBCD">&nbsp;</td></tr><tr><td align="left"> Blue</a>&nbsp;</td><td align="left"> #0000FF</a></td><td bgcolor="#0000FF">&nbsp;</td></tr><tr><td align="left"> BlueViolet</a>&nbsp;</td><td align="left"> #8A2BE2</a></td><td bgcolor="#8A2BE2">&nbsp;</td></tr><tr><td align="left"> Brown</a>&nbsp;</td><td align="left"> #A52A2A</a></td><td bgcolor="#A52A2A">&nbsp;</td></tr><tr><td align="left"> BurlyWood</a>&nbsp;</td><td align="left"> #DEB887</a></td><td bgcolor="#DEB887">&nbsp;</td></tr><tr><td align="left"> CadetBlue</a>&nbsp;</td><td align="left"> #5F9EA0</a></td><td bgcolor="#5F9EA0">&nbsp;</td></tr><tr><td align="left"> Chartreuse</a>&nbsp;</td><td align="left"> #7FFF00</a></td><td bgcolor="#7FFF00">&nbsp;</td></tr><tr><td align="left"> Chocolate</a>&nbsp;</td><td align="left"> #D2691E</a></td><td bgcolor="#D2691E">&nbsp;</td></tr><tr><td align="left"> Coral</a>&nbsp;</td><td align="left"> #FF7F50</a></td><td bgcolor="#FF7F50">&nbsp;</td></tr><tr><td align="left"> CornflowerBlue</a>&nbsp;</td><td align="left"> #6495ED</a></td><td bgcolor="#6495ED">&nbsp;</td></tr><tr><td align="left"> Cornsilk</a>&nbsp;</td><td align="left"> #FFF8DC</a></td><td bgcolor="#FFF8DC">&nbsp;</td></tr><tr><td align="left"> Crimson</a>&nbsp;</td><td align="left"> #DC143C</a></td><td bgcolor="#DC143C">&nbsp;</td></tr><tr><td align="left"> Cyan</a>&nbsp;</td><td align="left"> #00FFFF</a></td><td bgcolor="#00FFFF">&nbsp;</td></tr><tr><td align="left"> DarkBlue</a>&nbsp;</td><td align="left"> #00008B</a></td><td bgcolor="#00008B">&nbsp;</td></tr><tr><td align="left"> DarkCyan</a>&nbsp;</td><td align="left"> #008B8B</a></td><td bgcolor="#008B8B">&nbsp;</td></tr><tr><td align="left"> DarkGoldenRod</a>&nbsp;</td><td align="left"> #B8860B</a></td><td bgcolor="#B8860B">&nbsp;</td></tr><tr><td align="left"> DarkGray</a>&nbsp;</td><td align="left"> #A9A9A9</a></td><td bgcolor="#A9A9A9">&nbsp;</td></tr><tr><td align="left"> DarkGreen</a>&nbsp;</td><td align="left"> #006400</a></td><td bgcolor="#006400">&nbsp;</td></tr><tr><td align="left"> DarkKhaki</a>&nbsp;</td><td align="left"> #BDB76B</a></td><td bgcolor="#BDB76B">&nbsp;</td></tr><tr><td align="left"> DarkMagenta</a>&nbsp;</td><td align="left"> #8B008B</a></td><td bgcolor="#8B008B">&nbsp;</td></tr><tr><td align="left"> DarkOliveGreen</a>&nbsp;</td><td align="left"> #556B2F</a></td><td bgcolor="#556B2F">&nbsp;</td></tr><tr><td align="left"> DarkOrange</a>&nbsp;</td><td align="left"> #FF8C00</a></td><td bgcolor="#FF8C00">&nbsp;</td></tr><tr><td align="left"> DarkOrchid</a>&nbsp;</td><td align="left"> #9932CC</a></td><td bgcolor="#9932CC">&nbsp;</td></tr><tr><td align="left"> DarkRed</a>&nbsp;</td><td align="left"> #8B0000</a></td><td bgcolor="#8B0000">&nbsp;</td></tr><tr><td align="left"> DarkSalmon</a>&nbsp;</td><td align="left"> #E9967A</a></td><td bgcolor="#E9967A">&nbsp;</td></tr><tr><td align="left"> DarkSeaGreen</a>&nbsp;</td><td align="left"> #8FBC8F</a></td><td bgcolor="#8FBC8F">&nbsp;</td></tr><tr><td align="left"> DarkSlateBlue</a>&nbsp;</td><td align="left"> #483D8B</a></td><td bgcolor="#483D8B">&nbsp;</td></tr><tr><td align="left"> DarkSlateGray</a>&nbsp;</td><td align="left"> #2F4F4F</a></td><td bgcolor="#2F4F4F">&nbsp;</td></tr><tr><td align="left"> DarkTurquoise</a>&nbsp;</td><td align="left"> #00CED1</a></td><td bgcolor="#00CED1">&nbsp;</td></tr><tr><td align="left"> DarkViolet</a>&nbsp;</td><td align="left"> #9400D3</a></td><td bgcolor="#9400D3">&nbsp;</td></tr><tr><td align="left"> DeepPink</a>&nbsp;</td><td align="left"> #FF1493</a></td><td bgcolor="#FF1493">&nbsp;</td></tr><tr><td align="left"> DeepSkyBlue</a>&nbsp;</td><td align="left"> #00BFFF</a></td><td bgcolor="#00BFFF">&nbsp;</td></tr><tr><td align="left"> DimGray</a>&nbsp;</td><td align="left"> #696969</a></td><td bgcolor="#696969">&nbsp;</td></tr><tr><td align="left"> DodgerBlue</a>&nbsp;</td><td align="left"> #1E90FF</a></td><td bgcolor="#1E90FF">&nbsp;</td></tr><tr><td align="left"> FireBrick</a>&nbsp;</td><td align="left"> #B22222</a></td><td bgcolor="#B22222">&nbsp;</td></tr><tr><td align="left"> FloralWhite</a>&nbsp;</td><td align="left"> #FFFAF0</a></td><td bgcolor="#FFFAF0">&nbsp;</td></tr><tr><td align="left"> ForestGreen</a>&nbsp;</td><td align="left"> #228B22</a></td><td bgcolor="#228B22">&nbsp;</td></tr><tr><td align="left"> Fuchsia</a>&nbsp;</td><td align="left"> #FF00FF</a></td><td bgcolor="#FF00FF">&nbsp;</td></tr><tr><td align="left"> Gainsboro</a>&nbsp;</td><td align="left"> #DCDCDC</a></td><td bgcolor="#DCDCDC">&nbsp;</td></tr><tr><td align="left"> GhostWhite</a>&nbsp;</td><td align="left"> #F8F8FF</a></td><td bgcolor="#F8F8FF">&nbsp;</td></tr><tr><td align="left"> Gold</a>&nbsp;</td><td align="left"> #FFD700</a></td><td bgcolor="#FFD700">&nbsp;</td></tr><tr><td align="left"> GoldenRod</a>&nbsp;</td><td align="left"> #DAA520</a></td><td bgcolor="#DAA520">&nbsp;</td></tr><tr><td align="left"> Gray</a>&nbsp;</td><td align="left"> #808080</a></td><td bgcolor="#808080">&nbsp;</td></tr><tr><td align="left"> Green</a>&nbsp;</td><td align="left"> #008000</a></td><td bgcolor="#008000">&nbsp;</td></tr><tr><td align="left"> GreenYellow</a>&nbsp;</td><td align="left"> #ADFF2F</a></td><td bgcolor="#ADFF2F">&nbsp;</td></tr><tr><td align="left"> HoneyDew</a>&nbsp;</td><td align="left"> #F0FFF0</a></td><td bgcolor="#F0FFF0">&nbsp;</td></tr><tr><td align="left"> HotPink</a>&nbsp;</td><td align="left"> #FF69B4</a></td><td bgcolor="#FF69B4">&nbsp;</td></tr><tr><td align="left"> IndianRed </a>&nbsp;</td><td align="left"> #CD5C5C</a></td><td bgcolor="#CD5C5C">&nbsp;</td></tr><tr><td align="left"> Indigo </a>&nbsp;</td><td align="left"> #4B0082</a></td><td bgcolor="#4B0082">&nbsp;</td></tr><tr><td align="left"> Ivory</a>&nbsp;</td><td align="left"> #FFFFF0</a></td><td bgcolor="#FFFFF0">&nbsp;</td></tr><tr><td align="left"> Khaki</a>&nbsp;</td><td align="left"> #F0E68C</a></td><td bgcolor="#F0E68C">&nbsp;</td></tr><tr><td align="left"> Lavender</a>&nbsp;</td><td align="left"> #E6E6FA</a></td><td bgcolor="#E6E6FA">&nbsp;</td></tr><tr><td align="left"> LavenderBlush</a>&nbsp;</td><td align="left"> #FFF0F5</a></td><td bgcolor="#FFF0F5">&nbsp;</td></tr><tr><td align="left"> LawnGreen</a>&nbsp;</td><td align="left"> #7CFC00</a></td><td bgcolor="#7CFC00">&nbsp;</td></tr><tr><td align="left"> LemonChiffon</a>&nbsp;</td><td align="left"> #FFFACD</a></td><td bgcolor="#FFFACD">&nbsp;</td></tr><tr><td align="left"> LightBlue</a>&nbsp;</td><td align="left"> #ADD8E6</a></td><td bgcolor="#ADD8E6">&nbsp;</td></tr><tr><td align="left"> LightCoral</a>&nbsp;</td><td align="left"> #F08080</a></td><td bgcolor="#F08080">&nbsp;</td></tr><tr><td align="left"> LightCyan</a>&nbsp;</td><td align="left"> #E0FFFF</a></td><td bgcolor="#E0FFFF">&nbsp;</td></tr><tr><td align="left"> LightGoldenRodYellow</a>&nbsp;</td><td align="left"> #FAFAD2</a></td><td bgcolor="#FAFAD2">&nbsp;</td></tr><tr><td align="left"> LightGray</a>&nbsp;</td><td align="left"> #D3D3D3</a></td><td bgcolor="#D3D3D3">&nbsp;</td></tr><tr><td align="left"> LightGreen</a>&nbsp;</td><td align="left"> #90EE90</a></td><td bgcolor="#90EE90">&nbsp;</td></tr><tr><td align="left"> LightPink</a>&nbsp;</td><td align="left"> #FFB6C1</a></td><td bgcolor="#FFB6C1">&nbsp;</td></tr><tr><td align="left"> LightSalmon</a>&nbsp;</td><td align="left"> #FFA07A</a></td><td bgcolor="#FFA07A">&nbsp;</td></tr><tr><td align="left"> LightSeaGreen</a>&nbsp;</td><td align="left"> #20B2AA</a></td><td bgcolor="#20B2AA">&nbsp;</td></tr><tr><td align="left"> LightSkyBlue</a>&nbsp;</td><td align="left"> #87CEFA</a></td><td bgcolor="#87CEFA">&nbsp;</td></tr><tr><td align="left"> LightSlateGray</a>&nbsp;</td><td align="left"> #778899</a></td><td bgcolor="#778899">&nbsp;</td></tr><tr><td align="left"> LightSteelBlue</a>&nbsp;</td><td align="left"> #B0C4DE</a></td><td bgcolor="#B0C4DE">&nbsp;</td></tr><tr><td align="left"> LightYellow</a>&nbsp;</td><td align="left"> #FFFFE0</a></td><td bgcolor="#FFFFE0">&nbsp;</td></tr><tr><td align="left"> Lime</a>&nbsp;</td><td align="left"> #00FF00</a></td><td bgcolor="#00FF00">&nbsp;</td></tr><tr><td align="left"> LimeGreen</a>&nbsp;</td><td align="left"> #32CD32</a></td><td bgcolor="#32CD32">&nbsp;</td></tr><tr><td align="left"> Linen</a>&nbsp;</td><td align="left"> #FAF0E6</a></td><td bgcolor="#FAF0E6">&nbsp;</td></tr><tr><td align="left"> Magenta</a>&nbsp;</td><td align="left"> #FF00FF</a></td><td bgcolor="#FF00FF">&nbsp;</td></tr><tr><td align="left"> Maroon</a>&nbsp;</td><td align="left"> #800000</a></td><td bgcolor="#800000">&nbsp;</td></tr><tr><td align="left"> MediumAquaMarine</a>&nbsp;</td><td align="left"> #66CDAA</a></td><td bgcolor="#66CDAA">&nbsp;</td></tr><tr><td align="left"> MediumBlue</a>&nbsp;</td><td align="left"> #0000CD</a></td><td bgcolor="#0000CD">&nbsp;</td></tr><tr><td align="left"> MediumOrchid</a>&nbsp;</td><td align="left"> #BA55D3</a></td><td bgcolor="#BA55D3">&nbsp;</td></tr><tr><td align="left"> MediumPurple</a>&nbsp;</td><td align="left"> #9370DB</a></td><td bgcolor="#9370DB">&nbsp;</td></tr><tr><td align="left"> MediumSeaGreen</a>&nbsp;</td><td align="left"> #3CB371</a></td><td bgcolor="#3CB371">&nbsp;</td></tr><tr><td align="left"> MediumSlateBlue</a>&nbsp;</td><td align="left"> #7B68EE</a></td><td bgcolor="#7B68EE">&nbsp;</td></tr><tr><td align="left"> MediumSpringGreen</a>&nbsp;</td><td align="left"> #00FA9A</a></td><td bgcolor="#00FA9A">&nbsp;</td></tr><tr><td align="left"> MediumTurquoise</a>&nbsp;</td><td align="left"> #48D1CC</a></td><td bgcolor="#48D1CC">&nbsp;</td></tr><tr><td align="left"> MediumVioletRed</a>&nbsp;</td><td align="left"> #C71585</a></td><td bgcolor="#C71585">&nbsp;</td></tr><tr><td align="left"> MidnightBlue</a>&nbsp;</td><td align="left"> #191970</a></td><td bgcolor="#191970">&nbsp;</td></tr><tr><td align="left"> MintCream</a>&nbsp;</td><td align="left"> #F5FFFA</a></td><td bgcolor="#F5FFFA">&nbsp;</td></tr><tr><td align="left"> MistyRose</a>&nbsp;</td><td align="left"> #FFE4E1</a></td><td bgcolor="#FFE4E1">&nbsp;</td></tr><tr><td align="left"> Moccasin</a>&nbsp;</td><td align="left"> #FFE4B5</a></td><td bgcolor="#FFE4B5">&nbsp;</td></tr><tr><td align="left"> NavajoWhite</a>&nbsp;</td><td align="left"> #FFDEAD</a></td><td bgcolor="#FFDEAD">&nbsp;</td></tr><tr><td align="left"> Navy</a>&nbsp;</td><td align="left"> #000080</a></td><td bgcolor="#000080">&nbsp;</td></tr><tr><td align="left"> OldLace</a>&nbsp;</td><td align="left"> #FDF5E6</a></td><td bgcolor="#FDF5E6">&nbsp;</td></tr><tr><td align="left"> Olive</a>&nbsp;</td><td align="left"> #808000</a></td><td bgcolor="#808000">&nbsp;</td></tr><tr><td align="left"> OliveDrab</a>&nbsp;</td><td align="left"> #6B8E23</a></td><td bgcolor="#6B8E23">&nbsp;</td></tr><tr><td align="left"> Orange</a>&nbsp;</td><td align="left"> #FFA500</a></td><td bgcolor="#FFA500">&nbsp;</td></tr><tr><td align="left"> OrangeRed</a>&nbsp;</td><td align="left"> #FF4500</a></td><td bgcolor="#FF4500">&nbsp;</td></tr><tr><td align="left"> Orchid</a>&nbsp;</td><td align="left"> #DA70D6</a></td><td bgcolor="#DA70D6">&nbsp;</td></tr><tr><td align="left"> PaleGoldenRod</a>&nbsp;</td><td align="left"> #EEE8AA</a></td><td bgcolor="#EEE8AA">&nbsp;</td></tr><tr><td align="left"> PaleGreen</a>&nbsp;</td><td align="left"> #98FB98</a></td><td bgcolor="#98FB98">&nbsp;</td></tr><tr><td align="left"> PaleTurquoise</a>&nbsp;</td><td align="left"> #AFEEEE</a></td><td bgcolor="#AFEEEE">&nbsp;</td></tr><tr><td align="left"> PaleVioletRed</a>&nbsp;</td><td align="left"> #DB7093</a></td><td bgcolor="#DB7093">&nbsp;</td></tr><tr><td align="left"> PapayaWhip</a>&nbsp;</td><td align="left"> #FFEFD5</a></td><td bgcolor="#FFEFD5">&nbsp;</td></tr><tr><td align="left"> PeachPuff</a>&nbsp;</td><td align="left"> #FFDAB9</a></td><td bgcolor="#FFDAB9">&nbsp;</td></tr><tr><td align="left"> Peru</a>&nbsp;</td><td align="left"> #CD853F</a></td><td bgcolor="#CD853F">&nbsp;</td></tr><tr><td align="left"> Pink</a>&nbsp;</td><td align="left"> #FFC0CB</a></td><td bgcolor="#FFC0CB">&nbsp;</td></tr><tr><td align="left"> Plum</a>&nbsp;</td><td align="left"> #DDA0DD</a></td><td bgcolor="#DDA0DD">&nbsp;</td></tr><tr><td align="left"> PowderBlue</a>&nbsp;</td><td align="left"> #B0E0E6</a></td><td bgcolor="#B0E0E6">&nbsp;</td></tr><tr><td align="left"> Purple</a>&nbsp;</td><td align="left"> #800080</a></td><td bgcolor="#800080">&nbsp;</td></tr><tr><td align="left"> Red</a>&nbsp;</td><td align="left"> #FF0000</a></td><td bgcolor="#FF0000">&nbsp;</td></tr><tr><td align="left"> RosyBrown</a>&nbsp;</td><td align="left"> #BC8F8F</a></td><td bgcolor="#BC8F8F">&nbsp;</td></tr><tr><td align="left"> RoyalBlue</a>&nbsp;</td><td align="left"> #4169E1</a></td><td bgcolor="#4169E1">&nbsp;</td></tr><tr><td align="left"> SaddleBrown</a>&nbsp;</td><td align="left"> #8B4513</a></td><td bgcolor="#8B4513">&nbsp;</td></tr><tr><td align="left"> Salmon</a>&nbsp;</td><td align="left"> #FA8072</a></td><td bgcolor="#FA8072">&nbsp;</td></tr><tr><td align="left"> SandyBrown</a>&nbsp;</td><td align="left"> #F4A460</a></td><td bgcolor="#F4A460">&nbsp;</td></tr><tr><td align="left"> SeaGreen</a>&nbsp;</td><td align="left"> #2E8B57</a></td><td bgcolor="#2E8B57">&nbsp;</td></tr><tr><td align="left"> SeaShell</a>&nbsp;</td><td align="left"> #FFF5EE</a></td><td bgcolor="#FFF5EE">&nbsp;</td></tr><tr><td align="left"> Sienna</a>&nbsp;</td><td align="left"> #A0522D</a></td><td bgcolor="#A0522D">&nbsp;</td></tr><tr><td align="left"> Silver</a>&nbsp;</td><td align="left"> #C0C0C0</a></td><td bgcolor="#C0C0C0">&nbsp;</td></tr><tr><td align="left"> SkyBlue</a>&nbsp;</td><td align="left"> #87CEEB</a></td><td bgcolor="#87CEEB">&nbsp;</td></tr><tr><td align="left"> SlateBlue</a>&nbsp;</td><td align="left"> #6A5ACD</a></td><td bgcolor="#6A5ACD">&nbsp;</td></tr><tr><td align="left"> SlateGray</a>&nbsp;</td><td align="left"> #708090</a></td><td bgcolor="#708090">&nbsp;</td></tr><tr><td align="left"> Snow</a>&nbsp;</td><td align="left"> #FFFAFA</a></td><td bgcolor="#FFFAFA">&nbsp;</td></tr><tr><td align="left"> SpringGreen</a>&nbsp;</td><td align="left"> #00FF7F</a></td><td bgcolor="#00FF7F">&nbsp;</td></tr><tr><td align="left"> SteelBlue</a>&nbsp;</td><td align="left"> #4682B4</a></td><td bgcolor="#4682B4">&nbsp;</td></tr><tr><td align="left"> Tan</a>&nbsp;</td><td align="left"> #D2B48C</a></td><td bgcolor="#D2B48C">&nbsp;</td></tr><tr><td align="left"> Teal</a>&nbsp;</td><td align="left"> #008080</a></td><td bgcolor="#008080">&nbsp;</td></tr><tr><td align="left"> Thistle</a>&nbsp;</td><td align="left"> #D8BFD8</a></td><td bgcolor="#D8BFD8">&nbsp;</td></tr><tr><td align="left"> Tomato</a>&nbsp;</td><td align="left"> #FF6347</a></td><td bgcolor="#FF6347">&nbsp;</td></tr><tr><td align="left"> Turquoise</a>&nbsp;</td><td align="left"> #40E0D0</a></td><td bgcolor="#40E0D0">&nbsp;</td></tr><tr><td align="left"> Violet</a>&nbsp;</td><td align="left"> #EE82EE</a></td><td bgcolor="#EE82EE">&nbsp;</td></tr><tr><td align="left"> Wheat</a>&nbsp;</td><td align="left"> #F5DEB3</a></td><td bgcolor="#F5DEB3">&nbsp;</td></tr><tr><td align="left"> White</a>&nbsp;</td><td align="left"> #FFFFFF</a></td><td bgcolor="#FFFFFF">&nbsp;</td></tr><tr><td align="left"> WhiteSmoke</a>&nbsp;</td><td align="left"> #F5F5F5</a></td><td bgcolor="#F5F5F5">&nbsp;</td></tr><tr><td align="left"> Yellow</a>&nbsp;</td><td align="left"> #FFFF00</a></td><td bgcolor="#FFFF00">&nbsp;</td></tr><tr><td align="left"> YellowGreen</a>&nbsp;</td><td align="left"> #9ACD32</a></td><td bgcolor="#9ACD32">&nbsp;</td></tr>
</table>
body>
</body></html>

相关文章:

编程笔记 html5cssjs 018 HTML颜色

编程笔记 html5&css&js 018 HTML颜色 一、HTML 颜色二、HTML中设置颜色值三、颜色名称和颜色值 颜色是视觉中重要因素&#xff0c;尤其是处理人机界面中&#xff0c;更是要处理颜色设置和搭配。在网页中&#xff0c;提供了设置颜色的一些方案&#xff0c;需要我们认真学…...

C++_继承

介绍 继承的基本概念 1.共性和个性 (PS:有相同的属性 但是 又有自己的特点) 基类和子类 1. 基类(父类) 共性 2. 子类(派生类) 个性(特点) 继承语法 1.class 子类名:继承方式1 基类1,继承方式2 基类2{ 行为 };继承方式(PS:默认继承方式为:私有继承) 1.公有继承: public 2.保护…...

Java-IO流-15

文件操作 文件创建 package com.edu.file;import org.junit.jupiter.api.Test;import java.io.File; import java.io.IOException;public class Demo01 {public static void main(String[] args) {}Test//方式1public void create01(){String filePath "D:\\new1.txt&q…...

java中使用redis

1、redis数据类型 1.1、5种数据类型 redis存储的是key-value结构的数据&#xff0c;其中key是字符串类型&#xff0c;value有5种常用的数据类型&#xff1a;字符串 string、哈希 hash、列表 list、集合 set、有序集合 sorted set / zset。 字符串(string)&#xff1a;普通字符…...

Mongodb的可重试读操作

目录 重试读操作 需要条件 启用重读 支持可重试读的操作 不支持可重试读的操作 行为 重试读操作 连接mongodb进行读操作时&#xff0c;遇到网络或数据库集群的主节点切换导致的数据读问题。mongodb驱动自动尝试重新执行读操作。 需要条件 数据库连接驱动支持mongodb4.2…...

2024年1月2日-1月7日(ue5底层渲染+ue arpg+项目需求)

按照月计划&#xff0c;按照每小时分四段进行&#xff0c;arpg一例ue5底层渲染0.1小时arpg一例项目需求的相关视频教程一段 周二&#xff1a; 18&#xff1a;30- 19:30&#xff08;1小时&#xff09;ue arpg (88-89) ue5底层渲染03A14&#xff08;6&#xff1a;08&#xff09;…...

MySQL中的视图和触发器

SQL 视图 1 ) 概述 在mysql中&#xff0c;视图是一个非真实存在的虚拟表其本质是&#xff0c;根据sql语句获取动态的数据集&#xff0c;并为其命名用户使用时只需使用名称&#xff0c;即可获取结果集&#xff0c;并可以将其当做表来使用 2 &#xff09;用法示例 2.1 比较麻烦…...

uView-UI v2.x常见问题整理

为了更好的给大家提供 uView UI 的技术支持&#xff0c;uView UI 团队整理常见问题文档&#xff0c;大家可以阅读查找常见的问题解决办法。 uView 2.x 文档 https://www.uviewui.com uView 1.x 文档 https://v1.uviewui.com uView UI uni-app 主页 DCloud 插件市场 uVie…...

MBTI职业性格测试 28题(免费版)

MBTI职业性格测试概述 MBTI是现在国际上最为流行的测试工具&#xff0c;利用MBTI职业性格测试&#xff0c;可以清楚地找到自己的性格特点以及兴趣爱好&#xff0c;方便于对职业进行规划、以及改善人际关系。其主要应用心理学常识对个性做出判断&#xff0c;提炼出动力、信息收…...

Springcloud 微服务实战笔记 Ribbon

使用 Configurationpublic class CustomConfiguration {BeanLoadBalanced // 开启负载均衡能力public RestTemplate restTemplate() {return new RestTemplate();}}可看到使用Ribbon&#xff0c;非常简单&#xff0c;只需将LoadBalanced注解加在RestTemplate的Bean上&#xff0…...

CSS基础笔记-04cascade-specificity-inheritance

CSS基础笔记系列 《CSS基础笔记-01CSS概述》《CSS基础笔记-02动画》CSS基础笔记-03选择器 前言 Cascading Style Sheets&#xff0c;关键就在于这个cascading&#xff0c;对于这个术语理解&#xff0c;感觉对于我这种CSS新手有点儿不太friendly。本文记录下我对这个术语的理…...

Spring应用的部署与管理

一、前言 部署是将开发好的应用发布到服务器上&#xff0c;使其能够被用户访问的关键步骤。Spring框架提供了灵活的部署选项&#xff0c;本文将介绍Spring应用的常见部署方式和一些建议&#xff0c;帮助开发者顺利将应用投放到生产环境。 二、传统部署方式&#xff1a;WAR包 传…...

B端产品经理学习-需求挖掘

B端产品需求挖掘 目录 识别和管理干系人 决策人和负责人需求挖掘 针对用户进行需求挖掘 用户访谈结果整理 B端产品的需求来源是非常复杂的&#xff0c;要考虑多个方面&#xff1b;如果你是一个通用性的产品&#xff0c;要考虑市场、自身优劣势、干系人。而定制型B端产品会…...

整数规划基本原理

1.1 定义 规划中的变量&#xff08;部分或全部&#xff09;限制为整数时&#xff0c;称为整数规划。若在线性规划模型中&#xff0c;变量限制为整数&#xff0c;则称为整数线性规划。目前所流行的求解整数规划的方法&#xff0c;往往只适用于整数线性规划。目前还没有一种方法…...

秋招复习之堆

目录 前言 堆 堆的常用操作 堆的实现&#xff08;大根堆&#xff09; 1. 堆的存储与表示 2. 访问堆顶元素 3. 元素入堆 4. 堆顶元素出堆 Top-k 问题 方法一&#xff1a;遍历选择 方法二&#xff1a;排序 方法三&#xff1a;堆 总结 前言 秋招复习之堆。 堆 「堆 heap…...

算法训练营Day36(贪心-重叠区间)

都算是 重叠区间 问题&#xff0c;大家可以好好感受一下。 都属于那种看起来好复杂&#xff0c;但一看贪心解法&#xff0c;惊呼&#xff1a;这么巧妙&#xff01; 还是属于那种&#xff0c;做过了也就会了&#xff0c;没做过就很难想出来。 不过大家把如下三题做了之后&#…...

如何利用Oracle官方网站不登录账号下载和安装非最新版本的JDK(版本自由选择)

一、JDK概述 JDK&#xff08;Java Development Kit&#xff09;是Java开发工具集&#xff0c;是针对Java编程语言的软件开发环境。它包含了Java编译器、JRE&#xff08;Java运行时环境&#xff09;以及其他一些用于开发、调试和测试Java应用程序的工具&#xff0c;是Java开发人…...

税法相关的基础知识

文章目录 税法原则1.税法基本原则2.税法适用原则 来和大家聊聊税法相关的基础知识 税法原则 1.税法基本原则 2.税法适用原则...

ListNode 2487. 从链表中移除节点,单调栈的应用

一、题目 1、题目描述 给你一个链表的头节点 head 。 移除每个右侧有一个更大数值的节点。 返回修改后链表的头节点 head 。 2、接口描述 /*** Definition for singly-linked list.* struct ListNode {* int val;* ListNode *next;* ListNode() : val(0), next(nu…...

vue3中pdf打印问题处理

1 get请求参数问题 之前的请求是post得不到参数&#xff0c;今天发现的问题很奇怪&#xff0c;从前端进入网关&#xff0c;网关居然得不到参数。 前端代码 const print () > {let linkUrlStr proxy.$tool.getUrlStr(proxy.$api.invOrder.psiInvOrder.printSalOutstock,{a…...

[特殊字符] 智能合约中的数据是如何在区块链中保持一致的?

&#x1f9e0; 智能合约中的数据是如何在区块链中保持一致的&#xff1f; 为什么所有区块链节点都能得出相同结果&#xff1f;合约调用这么复杂&#xff0c;状态真能保持一致吗&#xff1f;本篇带你从底层视角理解“状态一致性”的真相。 一、智能合约的数据存储在哪里&#xf…...

【网络】每天掌握一个Linux命令 - iftop

在Linux系统中&#xff0c;iftop是网络管理的得力助手&#xff0c;能实时监控网络流量、连接情况等&#xff0c;帮助排查网络异常。接下来从多方面详细介绍它。 目录 【网络】每天掌握一个Linux命令 - iftop工具概述安装方式核心功能基础用法进阶操作实战案例面试题场景生产场景…...

【Linux】C语言执行shell指令

在C语言中执行Shell指令 在C语言中&#xff0c;有几种方法可以执行Shell指令&#xff1a; 1. 使用system()函数 这是最简单的方法&#xff0c;包含在stdlib.h头文件中&#xff1a; #include <stdlib.h>int main() {system("ls -l"); // 执行ls -l命令retu…...

智能在线客服平台:数字化时代企业连接用户的 AI 中枢

随着互联网技术的飞速发展&#xff0c;消费者期望能够随时随地与企业进行交流。在线客服平台作为连接企业与客户的重要桥梁&#xff0c;不仅优化了客户体验&#xff0c;还提升了企业的服务效率和市场竞争力。本文将探讨在线客服平台的重要性、技术进展、实际应用&#xff0c;并…...

剑指offer20_链表中环的入口节点

链表中环的入口节点 给定一个链表&#xff0c;若其中包含环&#xff0c;则输出环的入口节点。 若其中不包含环&#xff0c;则输出null。 数据范围 节点 val 值取值范围 [ 1 , 1000 ] [1,1000] [1,1000]。 节点 val 值各不相同。 链表长度 [ 0 , 500 ] [0,500] [0,500]。 …...

ArcGIS Pro制作水平横向图例+多级标注

今天介绍下载ArcGIS Pro中如何设置水平横向图例。 之前我们介绍了ArcGIS的横向图例制作&#xff1a;ArcGIS横向、多列图例、顺序重排、符号居中、批量更改图例符号等等&#xff08;ArcGIS出图图例8大技巧&#xff09;&#xff0c;那这次我们看看ArcGIS Pro如何更加快捷的操作。…...

Swagger和OpenApi的前世今生

Swagger与OpenAPI的关系演进是API标准化进程中的重要篇章&#xff0c;二者共同塑造了现代RESTful API的开发范式。 本期就扒一扒其技术演进的关键节点与核心逻辑&#xff1a; &#x1f504; 一、起源与初创期&#xff1a;Swagger的诞生&#xff08;2010-2014&#xff09; 核心…...

MySQL账号权限管理指南:安全创建账户与精细授权技巧

在MySQL数据库管理中&#xff0c;合理创建用户账号并分配精确权限是保障数据安全的核心环节。直接使用root账号进行所有操作不仅危险且难以审计操作行为。今天我们来全面解析MySQL账号创建与权限分配的专业方法。 一、为何需要创建独立账号&#xff1f; 最小权限原则&#xf…...

Reasoning over Uncertain Text by Generative Large Language Models

https://ojs.aaai.org/index.php/AAAI/article/view/34674/36829https://ojs.aaai.org/index.php/AAAI/article/view/34674/36829 1. 概述 文本中的不确定性在许多语境中传达,从日常对话到特定领域的文档(例如医学文档)(Heritage 2013;Landmark、Gulbrandsen 和 Svenevei…...

Spring是如何解决Bean的循环依赖:三级缓存机制

1、什么是 Bean 的循环依赖 在 Spring框架中,Bean 的循环依赖是指多个 Bean 之间‌互相持有对方引用‌,形成闭环依赖关系的现象。 多个 Bean 的依赖关系构成环形链路,例如: 双向依赖:Bean A 依赖 Bean B,同时 Bean B 也依赖 Bean A(A↔B)。链条循环: Bean A → Bean…...