“mark哪去了”依美走到藍韻身邊。 　　“灰溜溜地回去了”韻曰。 　　“什麼叫灰溜溜，你們又怎麼了？”美惑。 　　“沒什麼，沒發生什麼，關係還是那樣，你不玩了？那我玩”藍韻說著跑去阿名那邊。 　　阿星打開筆記本，有心無力地瀏覽網頁，想想依美沒來吃飯時那麼期待，來了之後又沒自己什麼事，心酸吶，唉聲嘆氣的。 　　突然身後的一聲“mark”讓他興奮了下，感覺像是天靈蓋被擊中了。 　　“你咋上來了，不玩啦”星悅。 　　“玩夠了吶，對了，其實今天過來呢，還有個目的，想讓你教下我前端”美曰。 　　“你想學前端？”阿星雀躍。 　　“學一點嘍，想懂一點皮毛。我是做UI的嘛，就是如果也懂點前端，畫圖的時候就能更有依據，不再是別人怎麼畫，也跟著怎麼畫，這樣前端在還原設計稿的時候也更有利，想有自己的一些更優化、更具個性、體驗更好的設計”美曰。 　　“nice，有想法啊”星曰。 　　“再者就是，說不定哪一天轉行，轉產品經理，或者轉前端，派得上用場”美曰。 　　“未雨綢繆，深謀遠慮，very good。那我就先給你講幾個概念。前端開發，通俗講就是畫界麵。主要有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相當於人的行為，比如說：我打，為什麼會有這個行為，因為有相應的腳本來支持”星曰。 　　“哦，那挺好理解的”美曰。 　　“我現在弄個簡單的頁麵，在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，聽到你說謝，找書苑 wwｗ．zhａoshuｙuan．com 人家都有點不好意思了”阿星撒嬌。 　　“吔屎啦你，矯情”韻懟。 　　阿星送她們出去，剛好電梯來了，“拜拜”依美說著走進去。 　　“美人，再見”阿星笑嘻嘻。 　　“臭青蛙，再見”藍韻也笑嘻嘻。 　　阿星聞聲臉上烏雲突然密布。 　　依美走後，阿星還意猶未盡。 　　“怎樣，跟女神呆那麼久”名曰。 　　“very nice，quite good，誰人，不，哪路神仙能夠體會我內心的極歡喜！”星曰。 　　“嘖嘖，有點陷進去的跡象”名曰。 　　“我要捂熱她，她是我的，啵”星悅。 　　“非常不要臉！”名曰。 　　依美和藍韻離開後去逛商場。 　　“下午貌似跟那隻臭青蛙處得很開心吶” 　　“是蠻開心的，沒想到前端這麼有趣”美曰。 　　“不知是前端真的有趣，還是說因為一個人才覺得前端有趣喲”韻曰。 　　“你想說什麼咧”美曰。 　　“他百分之百對你有非分之想了，你知不知道他在你後麵偷偷聞你頭發！”韻曰。 　　“那有什麼關係的，我頭發真香唄”美曰。 　　“如果他來撩你，你想怎麼招架？”韻曰。 　　“我們會成為好朋友，就像我和阿名一樣” 　　“切，鬼才信你，之前是誰說的好久沒談戀愛的，現在肯定是”藍韻說著哼起歌，“好想談戀愛，噢，越想越難耐” 　　“哈哈哈，沒那麼誇張”美曰。 　　“耶，那邊場地不錯，拍個短視頻，走”