-

中年人看著一言不發的林禹，語氣逐漸危險起來：“你可要想清楚了，咱們這個圈子實際上挺小的，大廠就那麼幾家。

如果上了hR黑名單，其他公司會慎重錄用的。

而且你工作經驗還未滿3年，在自由市場上可能連簡曆初篩都過不了。”

林禹回過神，立馬堆笑：“熊哥言重了，我剛剛隻是突然靈光一閃，想到咱們的項目還可以再優化，把首屏渲染的速率壓縮到700毫秒之內。”

“我對組織做出的決定冇有任何意見，我們應該克服困難，與公司一起共渡難關。”

“您要是冇其他事的話，我先回去了，剛剛的想法我想快速驗證一下。”

被稱為“熊哥”的中年人，聽到這些話之後，臉色緩和了不少：“看來你的覺悟很高，好好乾，組織不會虧待你的。”

就在這一瞬間，林禹發動了調試技能。

視界右邊彈出了調試麵板，和在瀏覽器中按F12的效果是一樣的。

靠意念，迅速找到並選中了“熊哥”的htmL標簽。

（後麵的是前端入門教程，覺得枯燥的可以直接跳過本章）

……

……

所謂htmL，全稱

hypertext

markup

Language，即“超文字標記語言”，是一種用於創建網頁的標準標記語言。

所有的網頁，不管再怎麼壓縮混淆編譯，最後呈現在瀏覽器的一定是htmL語言。

而光有htmL還不夠，因為基礎的樣式非常的醜。

現代的網頁，會配合cSS（cascading

Style

Sheets，層疊樣式表）進行美化。

如果說htmL是網頁的骨架 血肉，那麼cSS就是化妝 美顏。

而htmL標簽，可以理解為網頁的一個個器官。

當鼠標滑過調試麵板的標簽時，左邊頁麵會高亮顯示對應的元素，方便程式員定位。

同理，如果點擊調試麵板最左上角的按鈕（或者按下

ctrl

Shift

c），再去點擊頁麵你想檢視的元素，就能快速定位htmL標簽。

當選中標簽後，調試麵板最右邊就會隨著標簽改變而改變，所有對該標簽生效的cSS樣式，都會出現在這裡。

有人可能會問，一個頁麵，有成百上千個多標簽，每個標簽都寫樣式，那不得累死。

程式員是最會偷懶的職業之一，所以他們提出了【cSS選擇器】的概念。

隻要是符合“選擇器”的標簽，都會生效。

常見的選擇器有：元素選擇器，id選擇器，class選擇器。

元素就是htmL的標簽，又稱為“標簽名選擇器”。

id就是標簽裡的id屬性，標準的規範裡，一個頁麵，隻能出現唯一的id名，也就是如果一個標簽用了這個id，其他標簽就不能再新增這個同名的id。

而class（類名）就冇有這個限製，理論上一個頁麵可以擁有無數個相同class的標簽。

而同一標簽也可以擁有多個class，用空格隔開。

至於cSS屬性，就是以花括號包裹的鍵值對，左邊為“鍵(key)”，右邊為“值(value)”，每條屬性後用分號“”結尾，具體看截圖。

（截圖放文末了，有興趣的讀者可以自行打開瀏覽器調試）

眾所周知，世間萬物的顏色，均可以由“三原色”按比例調配合成。

而在cSS這裡，就由紅（red）、綠（green）、藍（blue）組成三原色。

於是顏色的屬性，可以用

background-color:

rgb(255,

0,

0);

來表示。

數值最大的就是255，所以上麵表示：“其他色域不要動，紅色色域給我拉滿”。

於是最終呈現的就是絕對的紅色。

而3個都是255，表示白色，3個都是0，表示黑色。

某些特殊場景，比如加一點透明度。

這就要用到另一個語法：rgba

rgb就不再解釋了，a代表什麼？

a全稱“alpha”，讀作“阿爾法”，代表透明度的意思，取值範圍0~1。

如果你想讓一個元素，透明度為77%，那麼a的值就寫成

0.77

這裡舉個喜聞樂見的例子：

＜div

id=\"刻晴剛脫下的原味的\"

class=\"絲襪\"＞＜\/div＞

如果在cSS樣式的屬性中這麼寫：

background-color:

rgba(0,

0,

0,

0.77);

那麼具體的表現就是這條黑絲襪，帶77%的透明度，能隱約看到裡麵的肉肉。

所以，帶點透明度的黑絲襪，纔是好絲襪。

一點都不透的，那叫打底褲。

-