浅谈初学前端心得

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

两列布局

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

      三列布局
三列布局
       与两列布局原理相同

       经典行布局
行布局
       盒子默认加在上一个div盒子下面,所以只需设置宽度等即可实现行布局

       总的来说,合理给网页分块,熟练运用盒子的行,列布局方法是初入前端要特别注意学习的地方。前端给人的感觉要靠记忆去运用,所以建议学习时,每个新的知识点就尝试敲一下,有助于记忆,毕竟这个东西只是了解是不够的,熟练运用做出精美网页才是硬道理。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值