30种实用颜色代码大全，网页设计必备

CSS中表达颜色的三种方式

1.命名颜色

H1{color:gry;}

例如aqua（水绿色）gray（灰色）blue（深蓝色）silver（银色）purple（紫色），等等

2.RGB颜色

定义RGB颜色有四种方法：

a使用百分比H1{color:rgb(100%,100%,100%);}

大于100%的百分比值被视为100%，负数将被截断为0%

b.数字颜色

数字球体为0~255

H1{color:rgb(0,125,246);}

在0~255以外的值将被截断

注：百分比可能会有小数，但数字没有。

c十六进制颜色

Rap00~ff

H1{color:#cccccc;}

都是常用的颜色。
十六进制表示如下：

Red#ff0000Orange#ff6600Yellow#ffff00Green#00ff00

Blue#0000ffIndigo#3300ffPurpleBlue#cc00ffMediumGray#808080

Dark灰色#333333黑色#ffcc99金黄色#ffcc00紫色#ff00ff

d短十六进制颜色

球体0~f

H1{color:#fff;}

浏览器会复制每一位此方法与方法c相同。

与十进制方法不同，十六进制没有定义修剪方法。
如果输入无效值，浏览器的行为将不可预测。

3Web安全颜色

Web安全颜色是指RGB颜色值为20%或51的倍数的所有颜色，十六进制值为33.0%。
，0也是一个安全值。

在css中设置字体的方法如下：

1在css页面中，设置字体的颜色字体通过如下代码：

2字体一般是用#加颜色的十六进制值来表示。
也有一些编译器支持直接使用英文单词来表示颜色。
如下图：

3Color表示颜色，用于设置标签的第一个颜色，即元素的文本颜色。
CSS还可以设置其他字体属性，比如font-family可以设置字体类型，font-size可以设置字体大小等。

扩展信息：

CSS可以对网页上元素位置的布局进行像素级精确的控制，支持几乎所有的字体大小样式，并且具有修改网站对象和模型样式。

参考资料：CSS-百度百科

2018.7.16

em、px，是长度单位，可以直接在CSSCan中设置。

%不是长度单位比如2%是一个整数值，是一个整数")

注意：有一种特殊情况需要注意，如果p是span的父元素（情况如下）

在css中设置为

p{font-size:14px}

span{font-size:0.8em;}

当然会继承父元素然后继承子元素属性，所以（14*0.8=11.2px）基于父元素的px。
（如下图所示）

设置颜色的方法有以下三种

第一种是直接使用英文名（p{color:red;}）来使用；颜色比例R(Red)G(Green)B(Blue)来匹配颜色，每一项的值在0-255之间，也可以使用百分比(p{color:rgb(133,45,200);}第三种常用，原理也是rgb配置，只不过255改为十六进制(p{color:#336699;})

插件：background-color。
该属性接受任何合法的CSS颜色值，例如默认颜色名称、十六进制值、RGB值、RGB百分比、RGBA值、HSL值和HSLA值（这些是颜色设置）)

tips:1.十六进制格式如各之间的数字相同，可简写为a例如，上面的p{color:#33699}是p{color:#369;}

我当时学习的2种艺术主色同样，艺术的三种主色是红、黄、蓝。
（三间色可以直接用三基色产生，红黄是橙，红蓝是紫，黄蓝是绿）

我已经分不清了首先我今天尝试了然后我就得到了。
（如下图）

margin就是边框，也可以称为外边框，内边框也可以称为“padding”。

流动模式是网页的默认模式。
流动模式的块元素从上到下出现，行元素从左到右出现。

移动模型（以图层模型中的元素为例）

右移和下移不是我想象的可以：XX;bottom:XX;

但是距离左边有XX距离，距离顶部有XX距离，距离原来的0有XX距离，移动了这么多，XX自然就移到了那里。
（默认位置为左上角）

此外，图层模型允许元素块在保持其原始位置的情况下移动。

需要准备的材料包括：电脑、浏览器和HTML编辑器。

1首先，打开html编辑器并创建一个新的html文件，例如：index.html。

2在index.html的style标签中，放置css代码：div{background-color:#0b93d5}。

3浏览器运行index.html页面，此时，文本后面才出现蓝色背景色。