複習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
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...