web前端开发网页布局必背基础知识 网页设计中margin怎么用?

[更新]
·
·
分类:互联网
3381 阅读

web前端开发网页布局必背基础知识

网页设计中margin怎么用?

网页设计中margin怎么用?

一、首先,我们先设计一个div,并且给这个div添加一个id,id名随意取。然后设置一下宽高,并且添加一个红色的背景属性值。默认情况下,这个div是靠近浏览器的顶部和左边的。
二、接着我们给这个div设置一下margin值,从左到右表示的是上边,右边,下边,左边的margin值。设置好之后,可以看到左边和上边都隔开了一定的距离,这就是margin值的用处,而下边和右边因为没有其他div或者其他颜色,所以效果被忽略了。当然,margin值也可以分开写,比如我只设置div的上边的margin值,就可以使用margin-top,而右边则可以使用margin-right,左边则是margin-left,下边则是margin-bottom。
三、设置margin-top之后,只有上边拉开了距离,而左边并没有拉开距离。接着我们再在网页中添加一个div,并设置id为“you”。接着设置“you”这个div的宽高和背景。
四、新添加一个div之后,如果没有设置margin-bottom的值,两个div就会连在一起。
然后我们给上面的div,也就是“my”,设置margin-bottom。设置好之后,两个div之间就会拉开距离,这样就可以定位好div的位置。
五、如果我们给“my”设置好margin-bottom之后,又给“you”设置margin-top,又会有什么结果呢?结果就是这样:有两个相邻的div,如果一个div设置了margin-top,另一个设置了margin-bottom,则以它们之间值最大的为准。
六、比如margin-top是50像素,margin-bottom是30像素,则间隔就是50像素,而不是两个相加哦。了解这个之后,在网页布局中,我们只需要对其中一个设置就可以了。

前端培训的课程内容都有哪些?

WEB前端虽然说在编程语言中属于轻量级的开发语言,但它却有着重量级语言的地位,可以说WEB前端对我们生活的影响是无处不在,从手表到手机、从网页到APP。WEB前端全栈工程师的能力得到了充分的发挥。选择WEB前端学习的同学越来越多,当大家在自学和脱产学习的选择上徘徊不定时,更多人选择了培训机构学习,参加WEB前端培训课程学什么呢?
尚硅谷WEB前端培训课程分采用进阶式学习,阶段性检测学员掌握学员学习情况。尚硅谷的WEB前端学科的课程体系能够适应市场需求、紧跟时代技术,完全满足市场对WEB前端工程师的要求,大大地提升了学员的市场竞争力。
Web前端工程师是协调前端工程师、后端程序员实现网站页面活程序的界面美化、交互体验的IT技术开发人员,需要精通HTML、CSS、JavaScript、jQuery、Ajax等核心的Web前端技术,具备互联网交互设计能力,熟悉Vue、React、angularjs 等最新的框架。
web前端学习主要包括:HTML、CSS、JavaScript、jQuery、Ajax
HTML:不是编程语言,仅仅是数据格式
CSS:无类型的样式修饰语言,算弱类型语言;需理解每个元素属性、样式等
JavaScript:学习起来相对来说不算太难,入手快
jQuery、Ajax:如果想在前端这块混的好,这两门语言一定要掌握(虽然不一定要用,但一定要会)
尚硅谷教育汇集业内顶级技术人才,每年耗资千万用于教研;打造精品IT职业教育课程,尚硅谷web前端培训班采用项目穿插教学方式,在学习web前端技术课中阶段性引入企业项目,让学员既可以学到知识又可以掌握实战项目流程。