第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相当于人的行为，比如说：我打，为什么会有这个行为，因为有相应的脚本来支持。”
“哦，那挺好理解的”
“我现在弄个简单的页面，在e浏览器上调试，你会更形象地理解”
“好啊，都用的e浏览器调试网页的吗”
“主流调试，也有其他的”
阿星用文本编辑器快速地敲起代码。
“哇，你好快哦”
没一会就整好，用浏览器打开了页面。
“呐，这是一个超简单的页面，在这页面我们定义了一个元素，用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，谁人，不，哪路神仙能够体会我内心的极欢喜！”
“啧啧，陷进去了”
“我要捂热她，她是我的，啵”
“非常不要脸！”
依美和蓝韵去逛商场。
“下午貌似跟那只臭青蛙处得很开心呐”
“是蛮开心的，没想到前端这么有趣”
“不知是前端真的有趣，还是说因为一个人才觉得前端有趣哟”
“你想说什么”
“他百分之百对你是非分之想了，你知不知道他在你后面偷偷闻你头发！”
“那有什么关系的，我头发真香呗”
“如果他来撩你，你想怎么招架？”
“我们会成为好朋友，就像我和阿名一样”
“切，鬼才信你，之前是谁说的好久没谈恋爱的，现在肯定是”蓝韵说着哼起歌，“好想谈恋爱，噢，越想越难耐”
“哈哈哈，没那么夸张”
“耶，那边场地不错，拍个短视频，走”
(本章完)
“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相当于人的行为，比如说：我打，为什么会有这个行为，因为有相应的脚本来支持。”
“哦，那挺好理解的”
“我现在弄个简单的页面，在e浏览器上调试，你会更形象地理解”
“好啊，都用的e浏览器调试网页的吗”
“主流调试，也有其他的”
阿星用文本编辑器快速地敲起代码。
“哇，你好快哦”
没一会就整好，用浏览器打开了页面。
“呐，这是一个超简单的页面，在这页面我们定义了一个元素，用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，谁人，不，哪路神仙能够体会我内心的极欢喜！”
“啧啧，陷进去了”
“我要捂热她，她是我的，啵”
“非常不要脸！”
依美和蓝韵去逛商场。
“下午貌似跟那只臭青蛙处得很开心呐”
“是蛮开心的，没想到前端这么有趣”
“不知是前端真的有趣，还是说因为一个人才觉得前端有趣哟”
“你想说什么”
“他百分之百对你是非分之想了，你知不知道他在你后面偷偷闻你头发！”
“那有什么关系的，我头发真香呗”
“如果他来撩你，你想怎么招架？”
“我们会成为好朋友，就像我和阿名一样”
“切，鬼才信你，之前是谁说的好久没谈恋爱的，现在肯定是”蓝韵说着哼起歌，“好想谈恋爱，噢，越想越难耐”
“哈哈哈，没那么夸张”
“耶，那边场地不错，拍个短视频，走”
(本章完)