複習HTML+CSS(4)

来源:https://www.cnblogs.com/roadlandscape/archive/2018/04/11/8799249.html
-Advertisement-
Play Games

n HTML顏色表示 網頁中的顏色有三種表示方法 顏色單詞:blue、green、red、yellow 10進位表示:rgb(255,0,0)、rgb(0,255,0)、rgb(0,0,255) 16進位表示:#ff0000、#00ff00、#0000ff 自然界中,所有顏色都可以用三種光的不同波長 ...


HTML顏色表示

網頁中的顏色有三種表示方法

  • 顏色單詞:blue、green、red、yellow
  • 10進位表示:rgb(255,0,0)、rgb(0,255,0)、rgb(0,0,255)
  • 16進位表示:#ff0000、#00ff00、#0000ff

 

自然界中,所有顏色都可以用三種光的不同波長混合而成。這三種光就是紅光、綠光、藍光。

在電腦中,每個基色,用8位二進位(2^8=256)’,那麼RGB共可以表示256*256*256=1670萬色。

用16進位表示顏色時:用2位十六進位代表1位基色

 

       顏色單詞:red             green            blue

       10進位:rgb(255,0,0)          rgb(0,255,0)           rgb(0,0,255)           rgb(255,255,0)

       16進位:#ff0000         #00ff00          #0000ff

註意:10進位相容性不好,儘量少用。10進位顏色表示常用於CSS做文字透明顯示。

 

電腦進位(瞭解)

所謂“進位”就是一種“進位制”,“逢X進一”;

電腦只能識別二進位的東西,二進位也就是“機器語言”;

電腦中的磁碟上的文件、記憶體中運行的數據,都是以“二進位”形式存在的。

如:11101000001010010010

 

10進位:有10個基本數字0、1、2、3、4、5、6、7、8、9,運算規則“逢10進1”;如:9+1=10

2進位:有2個基本數字0、1,運算規則:逢二進一:如:(101)2+(1)2=(110)2

8進位:有8個基本數字0、1、2、3、4、5、6、7,逢八進一:如:(677)8+(1)8=700(8)

              8進位可以很好的反應二進位,也就是:八進位和二進位之間轉換非常容易。

              轉換規則:1位8進位數,代表3位二進位。

              例如:(110101100)2轉成八進位

16進位:有16個基本數字0、1、2、3、4、5、6、7、8、9、A(10)、B、C、D、E、F(15)

              運算規則:逢16進1。如(A2F)16+1=(A30)16

              也是因為二進位太長了,不方便記憶,因此有了16進位。

              16進位和2進位之間,也有很好的對用關係

              轉換規則:1位16進位,代表4位2進位

              例如:(A0F)16 轉成二進位(1010 0000 1111)2

 

10進位

0

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

8進位

0

1

2

3

4

5

6

7

10

11

12

13

14

15

16

17

20

21

16進位

0

1

2

3

4

5

6

7

8

9

A

B

C

D

E

F

10

11

2進位

0

1

10

11

100

101

110

111

1000

1001

1010

1011

1100

1101

1110

1111

10000

10001

 

錨點鏈接

  • 含義:錨點鏈接,是在一個網頁的不同區域進行跳轉。錨點理解為“定義記號”。
  • 定義錨點(作個記號):<a name=”錨點名稱”> </a>

u  錨點名稱的命名規則:可以包含字母、下劃線,但只能以字母開頭。

u  註意:<a>和</a>之間沒有內容,換句話說:這個記號不是讓我們看的,而是給鏈接用的。

u  例如:<a name=“top2”></a>

  • 跳轉到錨點(記號):

u  語法:<a href=”文件名#錨點名稱”>………</a>

u  文件名:可有可無,如果是同一個網頁的不同部分跳轉,不需要文件名;如果是跳到另一個網頁的不同部分,這時必須要有文件名。

u  註意:這裡的<a>和</a>要有內容,否則,無法進行跳轉。

u  例如:<a href=“#top2”>返回頂部</a>  //跳轉到同一個網頁的不同部分

u  例如:<a href=”news.html#bottom”>返回底部</a>  //跳轉到news.html文件的底部


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

-Advertisement-
Play Games
更多相關文章
  • 首先,介紹一下UIView相關的動畫。 動畫屬性設置: 舉2個例子: 2. UIView Block動畫 這3個動畫比較簡單,不再多做敘述。 Spring動畫ios7.0以後新增了Spring動畫(IOS系統動畫大部分採用Spring Animation, 適用所有可被添加動畫效果的屬性) Keyf ...
  • 蘋果開發者賬號中,測試機器列表達到100臺上限,想要刪除一些設備、添加新設備,怎麼辦? 我們公司規模比較大,項目也比較多,最近就遇到了開發過程中發現新的iPhone添加不到測試設備中,在蘋果開發者中心添加新設備給予下麵的提示 意思是說測試設備已達到100台的上限,於是以為把原來添加的設備“Disab ...
  • ReactiveObjC使用 ReactiveCocoa是Github開源的一個用於iOS和OS開發的新框架,Cocoa是蘋果整套框架的簡稱。敢自稱為XXXCocoa框架可以想象到這個框架的牛逼! 現在分為ReactiveObjC和ReactiveSwift,兩個框架的功能使用相似,本文主要介紹Re ...
  • 如果兩個不同的應用註冊了同樣的URL Scheme,那麼後安裝的應用會響應符合這種協議格式的URL。 如果你的應用的iPhone和iPad版是各自獨立的(即不是Universal類型的),那麼你就不應該給兩個版本的應用定義同樣的URL協議。如果用戶在同一個設備上先後安裝了兩個版本的應用,之後又刪除了 ...
  • 聲明全局變數 ViewController.m showV.h showV.m ...
  • 粗淺的理解是把要展現的東西一股腦寫道render{}裡面就好,然後在頁面指定的div內渲染出來。 順帶複習一下es6中map: es6的Map結構用來表示鍵值對的集合,和js的Object的區別在於: object只能用字元串做鍵名,但是Map是可以包括各類值的 比如 ...
  • 這篇博客收錄平時看到的一些優秀文章,持續更新~ 面向對象 + "深入理解javascript原型和閉包" ...
  • 概述 模式是一種非常靈活復用性非常高的模式,它可以把特定行為或功能封裝成一個組件,提供給其他組件使用讓其他組件擁有這樣的能力,接下來我們一步一步來看React組件中如何實現這樣的功能。 React 組件數據傳遞 中我們可以給一個組件傳遞一些 並且在組件內部展示,同樣的我們也可以傳遞一些組件同樣也是行 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...