“mark哪去了”依美走到藍韻身邊。

　　“灰溜溜地回去了”韻曰。

　　“什麽叫灰溜溜，你們又怎麽了?”美惑。

　　“沒什麽，沒發生什麽，關系還是那樣，你不玩了?那我玩”藍韻說著跑去阿名那邊。

　　阿星打開筆記本，有心無力地瀏覽網頁，想想依美沒來吃飯時那麽期待，來了之後又沒自己什麽事，心酸呐，唉聲歎氣的。

　　突然身後的一聲“mark”讓他興奮了下，感覺像是天靈蓋被擊中了。

　　“你怎上來了，不玩啦”星悅。

　　“玩夠了呐，對了，其實今天過來呢，還有個目的，想讓你教下我前端”美曰。

　　“你想學前端?”阿星雀躍。

　　“學一點嘍，想懂一點皮毛。我是做UI的嘛，就是如果也懂點前端，畫圖的時候就能更有依據，不再是別人怎麽畫，也跟著怎麽畫，這樣前端在還原設計稿的時候也更有利，想有自己的一些更優化、更具個性、體驗更好的設計”美曰。

　　“nice，有想法啊”星曰。

　　“再者就是，說不定哪一天轉行，轉產品經理，或者轉前端，派得上用場”美曰。

　　“未雨綢繆，深謀遠慮，very good。那我就先給你講幾個概念。前端開發，通俗講就是畫界面。主要有H5，安卓，IOS，小程序這四種。安卓和iOS不擅長，H5和小程序我專長”星曰。

　　“我就是要學的H5”美曰。

　　“H5其實也可以叫web前端開發，只不過現在通常區分為H5做移動端，web則是電腦端，兩者沒啥差別。那H5開發通俗說就是做網頁。網頁主要是由Html、CSS、Java構成，可以嵌入媒體文件，如視頻、音頻、圖片”星曰。

　　“那個HTML我知道，超文本標記語言”

　　“Good，我們經常聽見的H5指的就是這個，已經發展到版本5，由W3C標準化組織制定。CSS就是層疊樣式表，簡單講就是樣式，Java即JS，為腳本語言”星曰。

　　“腳本語言是什麽?”美曰。

　　“你可以理解為計算機編程語言的一種，就是一種嵌入頁面，由瀏覽器解析的編程語言”

　　“那這個是不是比較難”美曰。

　　“也不說太難，能夠冠以腳本語言就說明是輕量級，比起Java，C#，C++那些簡單得多”

　　“那是不是不懂JS就顯得沒什麽技術含量呢?”美曰。

　　“可以這麽說，編程嘛，大同小異，主要看編程思想，實現功能的思路”星曰。

　　“那你先教我些簡單的，今天的目標就是了解個大概，難的我後面再去研究”美曰。

　　“我舉個簡單的例子，形象一點。如果把網頁比喻成人體，那麽html相當於骨骼，構建了人體的框架結構;CSS相當於皮膚、衣服或者化妝品，修飾了人;網頁中嵌入的視頻音頻等媒體相當於人的器官;JS相當於人的行為，比如說:我打，為什麽會有這個行為，因為有相應的腳本來支持”星曰。

　　“哦，那挺好理解的”美曰。

　　“我現在弄個簡單的頁面，在chrome瀏覽器上調試，你會更形象地理解”星曰。

　　“好啊，都用的chrome瀏覽器調試網頁的嗎?”美曰。

　　“主流調試，也有其他的”星曰。

　　阿星用文本編輯器快速地敲起代碼。

　　“哇，你好快哦”美曰。

　　沒一會就整好，用瀏覽器打開了頁面。

　　“呐，這是一個超簡單的頁面，在這頁面我們定義了一個元素，用div標記”星曰。

　　“div標簽我聽過，以前經常聽說div+css，具體是啥就是一片空白”美曰。

　　“div是html頁面用得最多的，我定義這個div元素寬，高和邊框，CSS屬性用width，height和border。呐，你看，我改變它們的值，這個元素也相應變化”星曰。

　　“是哦，好像挺好玩的，我來”說著阿星起身把座位讓給依美。

　　依美聰慧，一下子就上手的感覺。

　　阿星靜靜地看著她調試網頁，看到瀏覽器出現變化，挺開心的。不自覺地偷偷地聞了她的頭髮，在心裡嘀咕道:真香，這莫非美女身上都自帶體香。有點醉人呐，好香，美人香。

　　“啊～”阿星驚叫一聲，藍韻不知道什麽時候神不知鬼不覺地站在了一旁，然後她大笑起來。

　　“你是鬼啊，都沒聲音”阿星不悅。

　　“我一向出人意表，你不知道而已，耶，依美，我剛瞅見這臭青蛙有不軌行為”韻曰。

　　“什麽鬼，哪有”美曰。

　　藍韻做了下聞頭髮的動作，阿星無語。

　　“藍韻，學不學”美曰。

　　“這隻臭青蛙能教出什麽好學生”韻曰。

　　“可以呀，他講得挺通俗易懂的，我一學就會，可以說完全就會了”美曰。

　　“就一些簡單的皮毛誰不會啊”韻駁。

　　“耶，mark，如何把這元素變沒?”美曰。

　　“用屬性，值為none，它就沒了，啥也不是，哈哈”阿星說著示范了下，手指碰到依美的手背，美感入侵全身。

　　“耶，還真沒了”依美笑到。

　　“那怎麽再變回來?”美曰。

　　“把值改為block，表示顯示”星曰。

　　“嗯，又回來了，嘻嘻”美悅。

　　“如果在block後面再加個！important，那麽這個樣式的優先級是最高的，其他的樣式都不能重寫它”阿星又示范了下。

　　“什麽是重寫啊?”美惑。

　　“就說CSS有個層疊性，意思是同一個樣式越靠後優先級越高，後面寫的樣式可以覆蓋前面定義的樣式。但加了這個！important，不管後面樣式怎麽寫，都不能改變，比如說前面的樣式用了！important，後面的樣式讓它不顯示，是沒用的，因為後面優先級較低”星曰。

　　“important英文的意思不就是重要，意思是這個樣式最重要，優先級最高”美曰。

　　“nice，就是這樣，美人你太聰慧了，人美心善，秀外慧中，學什麽都快！”星讚。

　　“哈哈，感覺還真的是，嘻嘻”美曰。

　　“依美，剛那臭青蛙偷偷地”韻曰。

　　阿星瞪大眼，漸漸凶惡起來示意她住嘴。

　　“偷偷什麽?”美曰。

　　“偷偷，偷偷地在傻笑，像白癡一樣”韻曰。

　　阿星豎起了中指。

　　“呵呵，mark你幹嘛傻笑”美曰。

　　“沒有啊，她眼花了”星曰。

　　“你才眼花了，我火眼金睛，又沒近視，你的表情我get得到”韻駁。

　　“我買了西瓜，出來嘗嘗”阿名過來叫喚。於是幾人便出去吃西瓜，看著切好的西瓜，阿星拿一塊給依美。

　　“阿名你真貼心，簡直就是那個，W3C標準好男人”依美笑到。

　　“就一塊西瓜扣這麽大帽子”阿名謙虛笑笑。

　　“剛學了點網頁知識就表現一下，哈哈”美曰。

　　“實至名歸呐，阿名你怎麽知道我喜歡吃西瓜的?！”藍韻嬌嗔，“我都沒跟你說過”

　　“自作多情，鬼才知道你喜不喜歡吃西瓜，純屬巧合”阿星反駁，“阿名也就隨便買的，你們不用那麽誇讚吧”

　　“羨慕嫉妒恨了是不是，你就只能給阿名做陪襯了，人家是暖男，你是臭男”韻曰。

　　“Good，完全接受藍韻老師的殷切教誨和批評，我一定會好好反思一下為什麽會這麽不受你待見，然後再暗罵你一千遍”星曰。

　　“滾犢子，死仆街”韻駁。

　　轉眼呆了一下午，依美道別:“我們，走啦”

　　“再玩會嘛”阿星挽留。

　　“改日吧”美曰。

　　“啊?！”星曰。

　　“就不要咬文嚼字了”名曰。

　　“滿腦子齷齪的細胞”韻曰。

　　“今天謝啦”美曰。

　　“ring ring ring，聽到你說謝， 人家都有點不好意思了”阿星撒嬌。

　　“吔屎啦你，矯情”韻懟。

　　阿星送她們出去，剛好電梯來了，“拜拜”依美說著走進去。

　　“美人，再見”阿星笑嘻嘻。

　　“臭青蛙，再見”藍韻也笑嘻嘻。

　　阿星聞聲臉上烏雲突然密布。

　　依美走後，阿星還意猶未盡。

　　“怎樣，跟女神呆那麽久”名曰。

　　“very nice，quite good，誰人，不，哪路神仙能夠體會我內心的極歡喜！”星曰。

　　“嘖嘖，有點陷進去的跡象”名曰。

　　“我要捂熱她，她是我的，啵”星悅。

　　“非常不要臉！”名曰。

　　依美和藍韻離開後去逛商場。

　　“下午貌似跟那隻臭青蛙處得很開心呐”

　　“是蠻開心的，沒想到前端這麽有趣”美曰。

　　“不知是前端真的有趣，還是說因為一個人才覺得前端有趣喲”韻曰。

　　“你想說什麽咧”美曰。

　　“他百分之百對你有非分之想了，你知不知道他在你後面偷偷聞你頭髮！”韻曰。

　　“那有什麽關系的，我頭髮真香唄”美曰。

　　“如果他來撩你，你想怎麽招架?”韻曰。

　　“我們會成為好朋友，就像我和阿名一樣”

　　“切，鬼才信你，之前是誰說的好久沒談戀愛的，現在肯定是”藍韻說著哼起歌，“好想談戀愛，噢，越想越難耐”

　　“哈哈哈，沒那麽誇張”美曰。

　　“耶，那邊場地不錯，拍個短視頻，走”