web前端入门到实战：HTML颜色控制属性2&标签选择器

最新推荐文章于 2024-05-22 13:34:56 发布

魔方编程

最新推荐文章于 2024-05-22 13:34:56 发布

阅读量299

点赞数

文章标签： html html属性前端 web前端前端教程

本文链接：https://blog.csdn.net/wewfdf/article/details/101619548

版权

一、颜色控制属性（上接连载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>
web前端开发学习Q-q-u-n：784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频）

我们使用这个属性的时候不可能把每个颜色都记住，因此在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>

如果大家对编程，web前端感兴趣，想要了解学习，打算深入了解这个行业的朋友，可以加下我们的前端学习扣qun : 784783012 ，不论你是学生还是想转行的朋友，我都欢迎，不定期分享干货，整理的一份2019最新的web前端学习资料和0基础入门教程分享给大家：学习前端我们是认真的