第6章 ，听到你说谢（1/2）

第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，那么这个样式的优先级是最高的，其他的样式都不能重写它”阿星又示范了下。