使用HTML顯示Google的圖示

0. 我們先看一下google的圖示是怎麼樣的:

而我們要做的就是使用html模擬乙個google的logo 

其中各個字母的顏色我已經使用取色器取出(有誤差):

g-#4285f4

o-#ea4335
o-#fbbc05
l-#34a853

oogle的大小是一樣的,我們只需要對他們使用相同的標籤,然後對g使用不同的id區分開即可

兩個g的顏色是相同,對其class都設定為public-color-g

o和e同理,設定為public-color-oe

doctype html

>
<
html
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>googlelogo
title
>
<
style
>
#g span 
.public-color-g 
.public-color-oe 
style
>
head
>
<
body
>
<
span 
id="g"
class
="public-color-g"
>g
span
>
<
span 
class
="public-color-oe"
>o
span
>
<
span 
style
="color: #fbbc05;"
>o
span
>
<
span 
class
="public-color-g"
>g
span
>
<
span 
style
="color: #34a853;"
>l
span
>
<
span 
class
="public-color-oe"
>e
span
>
body
>
html
>

密碼強度顯示 仿Google的

js passwordstrength.js charmode函式 測試某個字元是屬於哪一類.function charmode in bittotal函式 計算出當前密碼當中一共有多少種模式 function bittotal num return modes checkstrong函式 返回密碼...

Html的空格顯示

全形空格被解釋為漢字，所以不會被被解釋為html分隔符，可以按照實際的空格數顯示。替代符號就是在需要顯示空格的地方加入替代符號，這些符號會被瀏覽器解釋為空格顯示。空格的替代符號有以下幾種 名稱編號描述 不斷行的空白 1個字元寬度 半個空白 1個字元寬度 乙個空白 2個字元寬度 窄空白 小於1個字元寬...

Html的空格顯示

一 使用全形空格 全形空格被解釋為漢字，所以不會被被解釋為html分隔符，可以按照實際的空格數顯示。二 使用空格的替代符號 替代符號就是在需要顯示空格的地方加入替代符號，這些符號會被瀏覽器解釋為空格顯示。空格的替代符號有以下幾種 名稱編號描述 不斷行的空白 1個字元寬度 半個空白 1個字元寬度 乙個...