0基础学Web前端要掌握哪些技术?

  Web前端是近年来比较热门的行业之一,人才需求大,薪资待遇高吸引了很多人的加入学习。更值得一提的是,前端行业入门相对简单,这成为很多0基础人们进入互联网开发行业的主要选择。学习是一个由易到难的过程,基础很重要,带你了解0基础学Web前端要掌握哪些技术?(来源:千锋)

  首先是html。想要学好html主要就是要把几个标签背熟,然后就是搞清楚各个标签的属性以及使用放法。比如,块级元素,独占一行,可以设置宽高。内联元素,不换行且不能够设置高。内联块元素,可以设置宽高,不换行。多记几个标签可以减少div的使用,在布局时,注释的使用也非常重要,这是一个很好的编程习惯,可以大大提升代码的可读性。

  其次是css。css是层叠样式表,主要用于修饰网页。css引入有四种方式,@import,内联样式表,外部样式表,行内样式,以及注意他们的权重,行内最高。import引入有一些问题,当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。说到权重,还要注意style,id,class,div普通标签的权重分别为1000,100,10,1.还有个!important是最高权重的。!important在阿里巴巴矢量图中的font-size属性需要加上。另外css的弹性盒子非常好用,建议多多使用。

  最后是要牢记练习中犯过的错误。只有通过代码练习,你才能发现自己存在的不足,才能有针对性的去学习改进。比如在标准中,上下两个元素的margin会重叠,取最大的margin。解决:进入不同bfc中。如:position,float,display:flex。弹性盒子中直接用img标签会导致大小不正常,可以在外面包个div标签。代码复用是提高速度的关键之一,可以单独建立一个公共样式表等等。

  Web前端入门简单进阶难,关键看你肯不肯努力去学习。基础知识一定要牢记并熟练运用,这会使你在后面的学习中事半功倍。

猜你喜欢

转载自blog.csdn.net/IT_studied/article/details/88130132