“mark哪去了”依美走到藍韻身邊。
“灰溜溜地回去了”
“什麼叫灰溜溜，你們又怎麼了？”
“沒什麼，沒發生什麼，關係還是那樣，你不玩了？那我玩。”說着跑去阿名那邊。
阿星打開筆記本，有心無力地瀏覽網頁，想想依美沒來喫飯時那麼期待，來了之後又沒自己什麼事，心酸吶，唉聲嘆氣的。
突然身後的一聲“mark”讓他興奮了下，感覺像是天靈蓋被擊中了。
“你咋上來了，不玩啦”
“玩夠了吶，對了，其實今天過來呢，還有個目的，想讓你教下我前端”
“你想學前端？”阿星雀躍。
“學一點嘍，想懂一點皮毛。我是做UI的嘛，就是如果也懂點前端，畫圖的時候就能更有依據，不再是別人怎麼畫，也跟着怎麼畫，這樣前端在還原設計稿的時候也更有利，想有自己的一些更優化更具個性體驗更好的設計”
“nice，有想法啊”
“再者就是，說不定哪一天轉行，轉產品經理，或者轉前端，派得上用場。”
“未雨綢繆，深謀遠慮，verygood。那我就先給你講幾個概念。前端開發，通俗講就是畫界面。主要有H5，安卓，IOS，小程序這四種。安卓和iOS不擅長，H5和小程序我會”
“我就是要學的H5”
“H5其實也可以叫web前端開發，只不過現在通常區分爲H5做移動端，web則是電腦端，兩者沒啥差別。那H5開發通俗說就是做網頁。
網頁主要是由Html、CSS、Javascript構成，可以嵌入媒體文件，如視頻、音頻、圖片。”
“那個HTML我知道，超文本標記語言”
“Good，我們經常聽見的H5指的就是這個，已經發展到版本5，由W3C標準化組織制定。CSS就是層疊樣式表，簡單講就是樣式，Javascript即JS，爲腳本語言”
“腳本語言是什麼？”
“你可以理解爲計算機編程語言的一種，就是一種嵌入頁面，由瀏覽器解析的編程語言。”
“那這個是不是比較難”
“也不說太難，能夠冠以腳本語言就說明是輕量級，比起Java，C#，C++那些簡單得多”
“那是不是不懂JS就顯得沒什麼技術含量”
“可以這麼說，編程嘛，大同小異，主要看編程思想，實現功能的思路”
“那你先教我些簡單的，今天的目標就是了解個大概，難的我後面再去研究。”
“我舉個簡單的例子，形象一點。如果把網頁比喻成人體，那麼html相當於骨骼，構建了人體的框架結構；CSS相當於皮膚、衣服或者化妝品，修飾了人；網頁中嵌入的視頻音頻等媒體相當於人的器官；JS相當於人的行爲，比如說：我打，爲什麼會有這個行爲，因爲有相應的腳本來支持。”
“哦，那挺好理解的”
“我現在弄個簡單的頁面，在e瀏覽器上調試，你會更形象地理解”
“好啊，都用的e瀏覽器調試網頁的嗎”
“主流調試，也有其他的”
阿星用文本編輯器快速地敲起代碼。
“哇，你好快哦”
沒一會就整好，用瀏覽器打開了頁面。
“吶，這是一個超簡單的頁面，在這頁面我們定義了一個元素，用div標記”
“div標籤我聽過，以前經常聽說div+css”
“對，就是它。我定義這個元素寬，高和邊框，CSS屬性用width，height和border。吶，你看，我改變它們的值，這個元素也相應變化”
“是哦，好像挺好玩的，我來”說着阿星起身把座位讓給依美，然後靜靜地看着依美在那不亦樂乎。甚至還偷偷地聞了她的頭髮，在心裏嘀咕道：真香，這莫非美女身上都自帶體香。有點醉人吶，好香，美人香。
“啊～”阿星驚叫一聲，藍韻不知道什麼時候神不知鬼不覺地站在了一旁，大笑起來。
“你是鬼啊，都沒聲音”阿星不悅。
“我一向出人意表，你不知道而已，耶，依美，我剛瞅見這臭青蛙有不軌行爲”
“什麼鬼，哪有”
藍韻做了下聞頭髮的動作，阿星無語。
“藍韻，學不學”
“這隻臭青蛙能教出什麼好學生”
“可以呀，他講得挺通俗易懂的，我一學就會，可以說完全就會了”
“耶，mark，如何把這元素變沒？”
“用display屬性，值爲none，它就沒了，啥也不是，哈哈”阿星說着示範了下，手指碰到依美的手背，美感入侵全身。
“耶，還真沒了”依美笑到。
“那怎麼再變回來？”
“把值改爲block，表示顯示”
“嗯，又回來了，嘻嘻”
“如果在block後面再加個!important，那麼這個樣式的優先級是最高的，其他的樣式都不能重寫它”阿星又示範了下。
“什麼是重寫啊？”
“就說CSS有個層疊性，意思是同一個樣式越靠後優先級越高，後面寫的樣式可以覆蓋前面定義的樣式。但加了這個!important，不管後面樣式怎麼寫，都不能改變，比如說前面的樣式用了!important，後面的樣式讓它不顯示，是沒用的，因爲後面優先級較低。”
“important英文的意思不就是重要，意思是這個樣式最重要，優先級最高”
“nice，就是這樣，美人你太聰慧了，人美心善，秀外慧中，學什麼都快！”
“哈哈，感覺還真的是，嘻嘻”
“依美，剛那臭青蛙偷偷地”
阿星瞪大眼，漸漸兇惡起來示意她住嘴。
“偷偷什麼？”
“偷偷，偷偷地在傻笑，像白癡一樣”
阿星豎起了中指。
“呵呵，mark你幹嘛傻笑”
“沒有啊，她眼花了”
“你才眼花了，我火眼金睛，又沒近視”
“我買了西瓜，出來嚐嚐”阿名過來叫喚。於是幾人便出去喫西瓜，看着切好的西瓜，阿星拿一塊給依美。
“阿名你真貼心，簡直就是那個，W3C標準好男人”依美笑到。
“就一塊西瓜扣這麼大帽子”阿名謙虛笑笑。
“剛學了點網頁知識就表現一下，哈哈”
“實至名歸吶，阿名你怎麼知道我喜歡喫西瓜的？！”藍韻嬌嗔，“我都沒跟你說過”
“自作多情，鬼才知道你喜不喜歡喫西瓜，純屬巧合”阿星反駁，“阿名也就隨便買的，你們不用那麼誇讚吧”
“羨慕嫉妒恨了是不是，你就只能給阿名做陪襯了，人家是暖男，你是臭男”
“Good，完全接受藍韻老師的殷切教誨和批評，我一定會好好反思一下爲什麼會這麼不受你待見，然後再暗罵你一千遍”
“滾犢子，死仆街”
呆了一下午，依美道別：“我們，走啦”
“再玩會嘛”阿星挽留。
“改日吧”
“啊？！”
“就不要咬文嚼字了”名曰。
“滿腦子齷齪的細胞”韻曰。
“今天謝啦”
“ringringring，聽到你說謝，人家都有點不好意思了”阿星撒嬌。
“吔屎啦你，矯情”韻懟。
阿星送她們出去，剛好電梯來了，“拜拜”依美說着走進去。
“美人，再見”阿星笑嘻嘻。
“臭青蛙，再見”藍韻也笑嘻嘻。阿星臉上烏雲突然密佈。
依美走後，阿星還意猶未盡。
“怎樣，跟女神呆那麼久”
“verynice，quitegood，誰人，不，哪路神仙能夠體會我內心的極歡喜！”
“嘖嘖，陷進去了”
“我要捂熱她，她是我的，啵”
“非常不要臉！”
依美和藍韻去逛商場。
“下午貌似跟那隻臭青蛙處得很開心吶”
“是蠻開心的，沒想到前端這麼有趣”
“不知是前端真的有趣，還是說因爲一個人才覺得前端有趣喲”
“你想說什麼”
“他百分之百對你是非分之想了，你知不知道他在你後面偷偷聞你頭髮！”
“那有什麼關係的，我頭髮真香唄”
“如果他來撩你，你想怎麼招架？”
“我們會成爲好朋友，就像我和阿名一樣”
“切，鬼才信你，之前是誰說的好久沒談戀愛的，現在肯定是”藍韻說着哼起歌，“好想談戀愛，噢，越想越難耐”
“哈哈哈，沒那麼誇張”
“耶，那邊場地不錯，拍個短視頻，走”
(本章完)