HTML连载16-颜色控制属性2&标签选择器

Posted 2022-02-16 ruigege0000

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML连载16-颜色控制属性2&标签选择器相关的知识，希望对你有一定的参考价值。

一、颜色控制属性（上接连载15）

（4）十六进制

在前端开发中通过十六进制来表示颜色，其实本质就是RGB，十六进制中是通过每两位表示一个颜色。

例如：#FFEE00，其中FF代表的是R，EE代表的G，00代表的就是B

注：十六进制和十进制的转换公示，请自行百度

（5）在CSS中只要是十六进制的颜色每两位都是一样的，那么就可以简写为一位。

例如：#FFEE00可以写为#FE0

注：如果当前颜色对应的两位数字不一样，那么不能简写；如果两位相同的数字不是属于同一种颜色，也不能简写

 

<head>

    <meta charset="UTF-8">

    <title>d66_attribute_of_color2</title>

    <style>

        p

            color: #ff4b54;

        

</style>

</head>

<body>

<p>我们是使用一次十六进制</p>

</body>

技术图片

我们使用这个属性的时候不可能把每个颜色都记住，因此在webstorm中我们提供了取色器进行选择。

技术图片

二、标签选择器

1.标签选择器定义：根据指定的标签名称，在当前界面中找到所有的该名称的标签然后设置属性。

2.格式?：

标签名称｛

      属性：值；

      ｝

3.注意点：

（1）标签选择器选中的是当前界面中所有的标签，而不能单独选中其中某一个标签。

（2）标签选择器无论标签藏得多深都能选中

（3）只要是html中的标签就可以作为标签选择器（h/a/img/ul/ol/dl/input.....各种标签）

 

<head>

    <meta charset="UTF-8">

    <title>d66_attribute_of_color2</title>

    <style>

        p

            color: #ff4b54;

        

        input

            color: #37fa1e;

        

</style>

</head>

<body>

<p>我们是使用一次十六进制</p>

<ul>

    <ol>

        <ul>

            <ol><p>cvsduhfcu</p></ol>

        </ul>

    </ol>

</ul>

测试用例：<input type="text">

</body>