CSS的三种表示颜色的方法

Posted 2023-04-25

分别写出黑色的表述句

1.命名颜色

H1 color:gray;
如aqua(水绿) gray(灰) navy(深蓝) 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.十六进制颜色
范围00~ff
H1 color:#cccccc;
如常用颜色的十六进制表示如下:
红色 #ff0000 橙色 #ff6600 黄色 #ffff00 绿色 #00ff00
蓝色 #0000ff 靛蓝色 #3300ff 紫罗兰色#cc00ff 中灰色 #808080
深灰色 #333333 棕褐色 #ffcc99 金黄色 #ffcc00 紫色 #ff00ff
d.短十六进制颜色
范围0~f
H1 color:#fff;
浏览器会对每一位进行复制，这种方法与c种方法一样。
十六进制不像十进制方法，它没有定义修剪的方法。如果输入了无效数值，那么浏览器的动作将不可预测。
3.网络安全色
网络安全色指所有的RGB颜色值为20%或51的倍数的那些颜色，十六进制为33。0%,0也是安全值. 参考技术A css中有三种表示颜色的方法，分别是以下三种：

1，color_name：规定颜色值为颜色名称的颜色（比如 red）。

2，hex_number：规定颜色值为十六进制值的颜色（比如 #ff0000）。

3，rgb_number：规定颜色值为 rgb 代码的颜色（比如 rgb(255,0,0)）。 参考技术B 000000
或者black

js创建对象的三种方式

1.对象 1.1什么是对象：

• 在JavaScript中,对象是一组无序的相关属性和方法的集合 ,所有的事物都是对象,例如字符串、数值、数组、函数等.

对象是由属性和方法组成的

• 属性:事物的特征,在对象中用属性来表示(常用名词)
• 方法:事物的行为,在对象中用方法来表示(常用动词-功能)

2.创建对象的三种方式

在Java中，现阶段我们可以采用三种方式创建对象（object）

• 利用字面量创建对象
• 利用new Object创建对象
• 利用构造函数创建对象

<script>
        //1.利用对象字面量创建对象
        var obj = 
            uname: 张三丰,
            age: 18,
            sex: 男,
            sayHi: function()
                console.log(hi~);
            
        
        //         (1)里面的属性或者方法我们采取键值对的形式键属性名:
        // 值属性值
        // (2)多个属性或者方法中间用逗号隔开的
        // (3)方法冒号后面跟的是个匿名函数
        // 2.使用对象
        // (1).调用对象的属性我们采取对象名.属性名.我们理解为的
        console.log(obj.uname);
        // (2)调用属性还有一种方法  对象名[属性名]
        console.log(obj[age]);
        // (3)调用对象的方法sayHi  对象名.方法名() 千万别忘记添加小括号
        obj.sayHi();
    </script>

2.1利用字面量创建对象

对象字面量:就是花括号里面包含了表达这个具体事物(对象)的属性和方法。
里面采取键值对的形式表示

• 键:相当于属性名
• 值:相当于属性值,可以是任意类型的值(数字类型、字符串类型、布尔类型,函数类型等)

2.2利用new Object创建对象

跟我们前面学的new Array() 原理一致

<script>
        //利用new Object创建对象
        var obj = new Object(); //创建了一个空的对象
        obj.uname = 张三丰;
        obj.age = 18;
        obj.sex = 男;
        obj.sayHi = function()
            console.log(hi~);
        
        // 我们是利用等号=赋值的方法添加对象的属性和方法
        // 每个属性和方法之间用分号结束
        console.log(obj.uname);
        console.log(obj[sex]);
        obj.sayHi();
    </script>

构造函数：

因为我们一次创建个对象，里面很多的属性和方法是大量相同的我们只能复制

因此我们可以利用函数的方法重复这些相同的代码我们就把这个函数称为构造函数

又因为这个函数不一样，里面封装的不是普通代码，而是对象

构造函数就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面

2.3利用构造函数创建对象

构造函数：是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与new运算符一起使用。

我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。

构造函数语法格式：

<script>
        //构造函数语法格式
        function 构造函数名()
            this.属性=值;
            this.方法=function()
        
        new 构造函数();
    </script>

注意：

1.构造函数名字首字母要大写

2.构造函数不需要return 就可以返回结果

3.我们调用构造函数  必须使用new