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

来源:https://www.cnblogs.com/ruigege0000/archive/2019/06/26/11094631.html
-Advertisement-
Play Games

一、顏色控制屬性(上接連載15) (4)十六進位 在前端開發中通過十六進位來表示顏色,其實本質就是RGB,十六進位中是通過每兩位表示一個顏色。 例如:#FFEE00,其中FF代表的是R,EE代表的G,00代表的就是B 註:十六進位和十進位的轉換公示,請自行百度 (5)在CSS中只要是十六進位的顏色每 ...


一、顏色控制屬性(上接連載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大數據學習視頻禮包

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Android開發經常需要使用Context來啟動Activity,或者打開SharedPreferences,或者構建一個Dialog。最近老是用到getContext(),getApplicationContext(),this等,來獲取Context,故寫此文來理清思路。確定好需要Contex ...
  • 1.plist文件 即屬性列表文件,全名是Property List,這種文件的擴展名為.plist,因此,通常被叫做plist文件。它是一種用來存儲串列化後的對象的文件,用於存儲程式中經常用到且數據量小而不經常改動的數據。 可以存儲的類型:NSNumber,NSString,NSDate,NSDa ...
  • Allwinner VR9應用處理器是一款專為VR&AR市場設計的64位四核SOC。它基於ARMCortex A53,並具有高水平的系統集成和更多功能強大的視頻回放功能和更低的功耗相結合。此外,全志VR9解決方案有一個專用的ATW硬體加速模塊,以減少延遲。它還支持空間音頻。所有這些設計考慮將給最終用 ...
  • Hi3798MV310是用於IPTV/OTT機頂盒市場的支持4KP60 解碼的超高清高性能SOC晶元。集成4核64位高性能Cortex A53處理器和多核高性能 2D/3D加速引擎;支持H.265/AVS2 4Kx2K@P60 10bit 超高清視頻解碼,高性能的 H.265 高清視頻編碼,HDR視 ...
  • 版權聲明:本文為xing_star原創文章,轉載請註明出處! 本文同步自http://javaexception.com/archives/144 xlog的優點 在開發過程中,避免不了要使用日誌組件,用來記錄程式執行過程中一些關鍵節點的日誌,出了問題,我們可以根據日誌信息,快速定位問題。 對了本文 ...
  • 簡單說下關於開發中容易遇到的父試圖添加手勢與子試圖點擊事件衝突,UIScrollView 嵌套 UIScrollView 、 UIScrollView 嵌套 UITableView的情況手勢衝突問題; 點擊衝突 如果給現有的基於 UIView 的 xkTestView 上加一個點擊手勢 gestTa ...
  • T8處理器代表了Allwinner在智能汽車市場上的最新成就。T8適用於需要三維圖形、高級視頻處理、精密相機、多種連接選項和高水平系統集成的應用程式。它將把先進的消費電子體驗帶入未來的汽車,實現高性能、個人安全、綠色移動性和設備連接性的良好平衡。 高性能:基於八度核心ARMCortexTMA7CPU ...
  • 本文是針對越獄版iPhone手機的,手機沒有越獄就別看了,看了也沒辦法用。 越獄版的iPhone當然是為了跟電腦一樣做各種有趣的事情的。 但通常越獄的iPhone在命令行都無法處理中文,比如你的播放器裡面的中文歌曲名,列出來全部是亂碼的樣子。類似下麵的圖: 輸入中文也做不到,在終端視窗輸入中文,只會 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...