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