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>
三、原始碼: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大資料學習視訊禮包
&n