对于一名UI设计师来说,了解一点前端开发的知识是必不可少的。
经常会听到H5、标签、属性、数值、div、css等名词,但一直都是懵懵懂懂的,昨天和力哥取下经,终于把这几个概念弄清楚了。但是感觉总结起来确实不易,毕竟理解的不够深入。
1.html5
也就是我们常说的h5,h5并不是一种编程语言,而是所有标签的总称。它就像是一个平台,如果你想更好的记忆,我们可以暂时把他比喻成淘宝平台。
2.标签
标签和html5的关系就是店铺和淘宝,许多的店铺形成一个淘宝平台,就像标签的总称叫做html5一样。
那标签具体是什么呢?举个例子:文字标签是font,那么如果你想在页面上显示文字,就可以输入font,然后在font后面输入文字,这样开发者就可以识别这里是文字了。
3.属性
那有了文字,他的大小、颜色怎么控制呢?这时就出现了属性这个词语。字体的大小、颜色等都是标签的属性,而具体大小值、颜色值就是属性的数值。
所以由此看来,html5包含标签,标签包含属性,属性包含数值。
4.div
div是众多标签中的一种,它就像一个容器,容器里面可以增加内容,比如文字、图片等等,甚至这个容器里面还可以再装容器,也就是说div中还可以有div。
5.css样式
各种属性和数值的不同组合就会产生不同的样式。css等于样式,你可以叫它css或者样式,又或者css样式,其实说的都是一个内容。
打个比方,给你几种颜料让你随意去搭配,你可以画出不同的画面,因为颜料的多少,颜色都将影响最终的效果。
颜料就是属性,颜料的多少就是数值,而画画这个行为就是css。
css就充当一个排版、布局页面的角色,而具体怎么排,调整属性和数值就可以了。
当然这些浅显的解释都是按照我的理解来形容的,不一定精准,有兴趣可以深入了解一下。
了解一些代码的知识,可以为日后的工作提供很多帮助,避免很多不必要的低级错误。