“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，谁人，不，哪路神仙能够体会我内心的极欢喜！”

“啧啧，陷进去了”

“我要捂热她，她是我的，啵”

“非常不要脸！”

依美和蓝韵去逛商场。

“下午貌似跟那只臭青蛙处得很开心呐”

“是蛮开心的，没想到前端这么有趣”

“不知是前端真的有趣，还是说因为一个人才觉得前端有趣哟”

“你想说什么”

“他百分之百对你是非分之想了，你知不知道他在你后面偷偷闻你头发！”

“那有什么关系的，我头发真香呗”

“如果他来撩你，你想怎么招架？”

“我们会成为好朋友，就像我和阿名一样”

“切，鬼才信你，之前是谁说的好久没谈恋爱的，现在肯定是”蓝韵说着哼起歌，“好想谈恋爱，噢，越想越难耐”

“哈哈哈，没那么夸张”

“耶，那边场地不错，拍个短视频，走”