第6章 ，聽到你說謝
「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」
「對，就是它。我定義這個元素寬，高和邊框，CSS屬性用width，height和border。吶，你看，我改變它們的值，這個元素也相應變化」
「是哦，好像挺好玩的，我來」說著阿星起身把座位讓給依美，然後靜靜地看著依美在那不亦樂乎。甚至還偷偷地聞了她的頭髮，在心裡嘀咕道：真香，這莫非美女身上都自帶體香。有點醉人吶，好香，美人香。
「啊～」阿星驚叫一聲，藍韻不知道什麼時候神不知鬼不覺地站在了一旁，大笑起來。
「你是鬼啊，都沒聲音」阿星不悅。
「我一向出人意表，你不知道而已，耶，依美，我剛瞅見這臭青蛙有不軌行為」
「什麼鬼，哪有」
藍韻做了下聞頭髮的動作，阿星無語。
「藍韻，學不學」
「這隻臭青蛙能教出什麼好學生」
「可以呀，他講得挺通俗易懂的，我一學就會，可以說完全就會了」
「就一些簡單的皮毛誰不會啊」
「耶，mark，如何把這元素變沒？」
「用display屬性，值為none，它就沒了，啥也不是，哈哈」阿星說著示範了下，手指碰到依美的手背，美感入侵全身。
「耶，還真沒了」依美笑到。
「那怎麼再變回來？」
「把值改為block，表示顯示」
「嗯，又回來了，嘻嘻」
「如果在block後面再加個!important，那麼這個樣式的優先級是最高的，其他的樣式都不能重寫它」阿星又示範了下。
「什麼是重寫啊？」
「就說CSS有個層疊性，意思是同一個樣式越靠後優先級越高，後面寫的樣式可以覆蓋前面定義的樣式。但加了這個!important，不管後面樣式怎麼寫，都不能改變，比如說前面的樣式用了!important，後面的樣式讓它不顯示，是沒用的，因為後面優先級較低。」
「important英文的意思不就是重要，意思是這個樣式最重要，優先級最高」
「nice，就是這樣，美人你太聰慧了，人美心善，秀外慧中，學什麼都快！」
「哈哈，感覺還真的是，嘻嘻」
「依美，剛那臭青蛙偷偷地」
阿星瞪大眼，漸漸兇惡起來示意她住嘴。
「偷偷什麼？」
「偷偷，偷偷地在傻笑，像白痴一樣」
阿星豎起了中指。
「呵呵，mark你幹嘛傻笑」
「沒有啊，她眼花了」
「你才眼花了，我火眼金睛，又沒近視」
「我買了西瓜，出來嘗嘗」阿名過來叫喚。於是幾人便出去吃西瓜，看著切好的西瓜，阿星拿一塊給依美。
「阿名你真貼心，簡直就是那個，W3C標準好男人」依美笑到。
「就一塊西瓜扣這麼大帽子」阿名謙虛笑笑。
「剛學了點網頁知識就表現一下，哈哈」
「實至名歸吶，阿名你怎麼知道我喜歡吃西瓜的？！」藍韻嬌嗔，「我都沒跟你說過」
「自作多情，鬼才知道你喜不喜歡吃西瓜，純屬巧合」阿星反駁，「阿名也就隨便買的，你們不用那麼誇讚吧」
「羨慕嫉妒恨了是不是，你就只能給阿名做陪襯了，人家是暖男，你是臭男」
「Good，完全接受藍韻老師的殷切教誨和批評，我一定會好好反思一下為什麼會這麼不受你待見，然後再暗罵你一千遍」
「滾犢子，死仆街」
呆了一下午，依美道別：「我們，走啦」
「再玩會嘛」阿星挽留。
「改日吧」
「啊？！」
「就不要咬文嚼字了」名曰。
「滿腦子齷齪的細胞」韻曰。
「今天謝啦」
「ring ring ring，聽到你說謝，人家都有點不好意思了」阿星撒嬌。
「吔屎啦你，矯情」韻懟。
阿星送她們出去，剛好電梯來了，「拜拜」依美說著走進去。
「美人，再見」阿星笑嘻嘻。
「臭青蛙，再見」藍韻也笑嘻嘻。阿星臉上烏雲突然密布。
依美走後，阿星還意猶未盡。
「怎樣，跟女神呆那麼久」
「very nice，quite good，誰人，不，哪路神仙能夠體會我內心的極歡喜！」
「嘖嘖，陷進去了」
「我要捂熱她，她是我的，啵」
「非常不要臉！」
依美和藍韻去逛商場。
「下午貌似跟那隻臭青蛙處得很開心吶」
「是蠻開心的，沒想到前端這麼有趣」
「不知是前端真的有趣，還是說因為一個人才覺得前端有趣喲」
「你想說什麼」
「他百分之百對你是非分之想了，你知不知道他在你後面偷偷聞你頭髮！」
「那有什麼關係的，我頭髮真香唄」
「如果他來撩你，你想怎麼招架？」
「我們會成為好朋友，就像我和阿名一樣」
「切，鬼才信你，之前是誰說的好久沒談戀愛的，現在肯定是」藍韻說著哼起歌，「好想談戀愛，噢，越想越難耐」
「哈哈哈，沒那麼誇張」
「耶，那邊場地不錯，拍個短視頻，走」