当前位置: 首页 > 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…...

如何向嵌入式设备中添加tcpdump工具

说明&#xff1a;tcpdump是一个在网络设备调试中一个非常重要的工具&#xff0c;它并不像hexdump等工具集成在busybox里面&#xff0c;也不像其他的软件一样只需要依赖linux标准的库就可以实现&#xff0c;它需要pcap相关的库和加密的相关库。 本文主要是基于realtek 83系列的…...

伦茨科技Apple Find My认证芯片-ST17H6x芯片

深圳市伦茨科技有限公司&#xff08;以下简称“伦茨科技”&#xff09;发布ST17H6x Soc平台。成为继Nordic之后全球第二家取得Apple Find My「查找」认证的芯片厂家&#xff0c;该平台提供可通过Apple Find My认证的Apple查找&#xff08;Find My&#xff09;功能集成解决方案。…...

uni-app 前后端调用实例 基于Springboot 数据列表显示实现

锋哥原创的uni-app视频教程&#xff1a; 2023版uniapp从入门到上天视频教程(Java后端无废话版)&#xff0c;火爆更新中..._哔哩哔哩_bilibili2023版uniapp从入门到上天视频教程(Java后端无废话版)&#xff0c;火爆更新中...共计23条视频&#xff0c;包括&#xff1a;第1讲 uni…...

python渗透工具编写学习笔记:10、网络爬虫基础/多功能编写

目录 前言 10.1 概念 10.2 调度器/解析器 10.3 存储器/去重器 10.4 日志模块 10.5 反爬模块 10.6 代理模块 前言 在渗透工具中&#xff0c;网络爬虫有着不可忽视的作用&#xff0c;它能够快速而精准的搜寻、提取我们所需要的信息并按照我们所需要的格式排列&#xff0c;…...

Python武器库开发-武器库篇之子域名扫描器开发(四十一)

Python武器库开发-武器库篇之子域名扫描器开发(四十一) 在我们做红队攻防或者渗透测试的过程中&#xff0c;信息收集往往都是第一步的&#xff0c;有人说&#xff1a;渗透的本质就是信息收集&#xff0c;前期好的信息收集很大程度上决定了渗透的质量和攻击面&#xff0c;本文将…...

通俗易懂的15个Java Lambda表达式案例

文章目录 1. **实现Runnable接口**&#xff1a;2. **事件监听器**&#xff08;如Swing中的ActionListener&#xff09;&#xff1a;3. **集合遍历**&#xff08;使用forEach方法&#xff09;&#xff1a;4. **过滤集合**&#xff08;使用Stream API&#xff09;&#xff1a;5. …...

十七:爬虫-JS逆向(上)

1、什么是JS、JS反爬是什么&#xff1f;JS逆向是什么? JS:JS全称JavaScript是互联网上最流行的脚本语言&#xff0c;这门语言可用于HTML 和 web&#xff0c;更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是一种轻量级的编程语言。JavaScript 是…...

How to implement anti-crawler strategies to protect site data

How to implement anti-crawler strategies to protect site data 信息校验型反爬虫User-Agent反爬虫Cookie反爬虫签名验证反爬虫WebSocket握手验证反爬虫WebSocket消息校验反爬虫WebSocket Ping反爬虫 动态渲染反爬虫文本混淆反爬虫图片伪装反爬虫CSS偏移反爬虫SVG映射反爬虫字…...

王国维的人生三境界,这一生至少当一次傻瓜

一、人生三境界 古今之成大事业、大学问者&#xff0c;必经过三种之境界。“昨夜西风凋碧树&#xff0c;独上高楼&#xff0c;望尽天涯路。”此第一境也。“衣带渐宽终不悔&#xff0c;为伊消得人憔悴。”此第二境也。“众里寻他千百度&#xff0c;蓦然回首&#xff0c;那人却…...

Jmeter二次开发实操问题汇总(JDK问题,jar包问题)

前提 之前写过一篇文章&#xff1a;https://qa-lsq.blog.csdn.net/article/details/119782694 只是简单尝试了一下生成一个随机手机号码。 但是如果在工作中一个实际场景要用的二次开发&#xff0c;可能会遇到一些问题。 比如这样一个场景&#xff1a; Mobile或者前端调用部分…...

政府机关备案网站/小红书推广引流

命令注入&#xff1a;是指通过提交恶意构造的参数破坏命令语句结构&#xff0c;从而达到执行恶意命令的目的。在Web应用中&#xff0c;有时候会用到一些命令执行的函数&#xff0c;如php中system、exec、shell_exec等&#xff0c;当对用户输入的命令没有进行限制或者过滤不严导…...

b2b网站排名前十/优化网站打开速度

我在一个项目中为一些实用程序类设置单元测试,其中一个类(包含许可信息)有一个方法可以根据当前时间做一些确定.即许可证包含到期日期,许可证字符串验证该日期,但是查看许可证是否过期的实际逻辑是基于当前时间.public boolean isValid(){return isLicenseStringValid() &&…...

电脑怎么做网站/营销咨询公司经营范围

在Android Studio通过adb命令强制安装debug版本apk到手机&#xff0c;且允许version code降级 切换到Terminal&#xff1a; adb install -t -d -r -g .\app\build\intermediates\apk\debug\app-arm64-v8a-debug.apk .\app\build\intermediates\apk\debug\是android studio的…...

网站建设基本流程包括/软文推广多少钱一篇

我们本篇文章将讲述pass-05的内容 我们这篇文章将换一个内容来讲述&#xff0c;我们先讲源代码 这个代码和上面一关的代码&#xff0c;其实没有什么太大区别 $deny_ext array(".php",".php5",".php4",".php3",".php2",&qu…...

国外单页制作网站模板/抖音seo软件工具

冒泡&#xff1a;即使通过子级元素的事件来触发父级的事件&#xff0c;通过阻止冒泡可以防止冒泡发生。 事件源&#xff1a;首先这个东西是有兼容行问题的,当然解决也很简单。 两者结合使用&#xff0c;形成的事件委托有两个优势&#xff1a; 1.减少性能消耗&#xff1b; 2.新添…...

cpa推广之家/成都优化官网公司

修改bin目录下的setclasspath.sh...