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

时间 2019-12-06

标签 html 连载颜色控制属性标签选择器栏目 HTML 繁體版

原文原文链接

1、颜色控制属性（上接连载15）前端

（4）十六进制git

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

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

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

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

例如：#FFEE00能够写为#FE0学习

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

 

<head>

    <meta charset="UTF-8">

    <title>d66_attribute_of_color2</title>

    <style>

        p{

            color: #ff4b54;

        }

</style>

</head>

<body>

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

</body>

咱们使用这个属性的时候不可能把每一个颜色都记住，所以在webstorm中咱们提供了取色器进行选择。大数据

2、标签选择器ui

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>

3、源码：d66&67_attribute_of_color2&label_selector

地址:

https://github.com/ruigege66/HTML_learning/blob/master/d66%2667_attribute_of_color2%26label_selector

2.CSDN：https://blog.csdn.net/weixin_44630050（心悦君兮君不知-睿）

3.博客园：https://www.cnblogs.com/ruigege0000/

4.欢迎关注微信公众号：傅里叶变换，后台回复“礼包”获取Java大数据学习视频礼包