浅谈初学前端心得

由于学习时间尚短,这篇文章只是分享自己对前端的初步认识,如果有说的不对或不准确的地方,还请大家批评指正。 前端开发的入门基础由HTML+CSS+JS组成,HTML主要负责网页的排版布局及文本内容,CSS负责网页的元素静态样式设计,JS负责网页的动态样式。三者关系就像建房子一样,HTML是地基,CSS和JS是装修和装饰,只有三者的完美结合才能搭建出一个漂亮的房子(网页)。 一个好的网页,我认为排版布局是很重要的,分块思想是布局的关键。在编码之前对整个网页划分好板块,确定好每个板块的位置,这样写出来的格局比较整洁,有序。因此我个人感觉使用CSS的盒子模型对网页进行排版是比较高效的。在此向大家介绍几种基础的盒子模型布局。 首先介绍经典的两列布局 浅谈初学前端心得
文章图片

先设定大盒子的宽高,通过左右浮动设计左右盒子的宽度之和等于大盒子的宽实现两列布局
三列布局

与两列布局原理相同
经典行布局
浅谈初学前端心得
文章图片

盒子默认加在上一个div盒子下面,所以只需设置宽度等即可实现行布局
【浅谈初学前端心得】总的来说,合理给网页分块,熟练运用盒子的行,列布局方法是初入前端要特别注意学习的地方。前端给人的感觉要靠记忆去运用,所以建议学习时,每个新的知识点就尝试敲一下,有助于记忆,毕竟这个东西只是了解是不够的,熟练运用做出精美网页才是硬道理。

    推荐阅读