Serial 16- HTML Attribute 2 & tab color control selector

A color control attribute (on the serial 15)

(4) hex

In the front-end development to represent the color, in fact, is the essence of RGB, HEX is represented by two each by a hexadecimal color.

For example: # FFEE00, where FF represents G R, EE represented, is represented by B 00

Note: The hexadecimal and decimal conversion publicity, your own Baidu

(5) in CSS hexadecimal color as long as the two are the same for each, it can be abbreviated to one.

For example: # FFEE00 can be written as # FE0

NOTE: If the current two digits corresponding to the colors are not the same, so can not be short; if the two numbers are not the same belong to the same color, not abbreviated

 

<head>

    <meta charset="UTF-8">

    <title>d66_attribute_of_color2</title>

    <style>

        p{

            color: #ff4b54;

        }

</style>

</head>

<body>

< The p- > We are using a hex </ the p- >

</body>

 

We use this property when it is impossible to remember every color, so webstorm we provide the color picker to select.

 

Second, the tag selector

1. Select the tag definition: the specified tag name, to find all the label names in the current interface and set properties.

2. Format:

 

Label name {

      Property: value;


 

 

3. Notes:

(1) selected by the selector tab is all the current interface label, wherein one label can not be selected individually.

(2) Whether the label tag selector can be hidden much deeper selected

(3) as long as it can be in HTML tags as a tag selector (h / a / img / ul / ol / dl / input ..... various labels)

 

<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>

 

三、源码: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大数据学习视频礼包

 

Guess you like

Origin www.cnblogs.com/ruigege0000/p/11094631.html