HTML連載16-顏色控制屬性2&標籤選擇器

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大數據學習視頻禮包

相關文章
相關標籤/搜索