A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

是老傅呀

初级黑马

  • 黑马币:26

  • 帖子:8

  • 精华:0

© 是老傅呀 初级黑马   /  2019-11-26 23:43  /  900 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

前端开发是当今社会上比较有发展潜力的一个行业,该行业主要以Web开发、移动端开发、全栈式开发等为主要内容。在社会上有较为广泛的应用领域,从业者有较为丰厚的薪资待遇。
俗话说千里之行始于足下,打下坚实的基础才能为应对日后的麻烦砍瓜切菜一般
来到传智的第一个月,我们是以基础为主吧,因为大家到这里的基础都不一样,有一些本身就具备很高水准的人,也有很多像自己一样从小白开始的人,所以,对我们而言,传智开设的这种双元模式对我们是有很大用处的。我们从最基础的开始学习,在学习HTML的时候,我们还延续着很古老和古老的表格制作网站,然后到后面的CSS学习,用CSS样式去进一步完善我们制作的网址。
首先第一点 ,我们要多归纳多总结,透过表面看本质

前端开发需要学习的科目众多,知识点庞杂凌乱,非常难以记忆。
首先我个人认为,在你的大脑中创建出整个前端开发的知识框架,才能说明你真的学会了。
其次,千万不要盲目地认为,到了工作中我就复制代码就可以了,常用的记住就行了。这种“代码可以在工作中复制”的思想从出发点上来说就是万万不能要的。表面看来确实是这样,但是本质上透露了一个学习者的学习态度和方法。带着这种思想去学习前端开发是学不到技术的。我个人认为,即使是复制粘贴,你也是要在理解原理的基础上来完成。

第二 ,应该要及时的复习和预习
虽然老师讲的很透彻,但是光是能听懂,和自己能写出来,很好的运用是两码事情,所以我们大家,最好要抽出时间,进行预习和复习。
接下来我觉得在这些天CSS学习中比较重要的浮动
CSS技术使用float属性实现浮动效果
该属性可以有下列取值:
            left,控制块级元素左浮动。
            right,控制块级元素右浮动。
属性说明:我们都知道,块级元素之间默认情况下是独占一行的。也就是说,两个在代码中紧密相连的块级元素,它们的摆放位置是一个在上一行,另一个在下一行。尽管通过width和height属性为块级元素设置了大小,使得块级元素无法占满整个行,但是块级元素右侧空余的位置仍然不允许出现任何内容。
一浮全浮可以快速记忆,不然会对下面的布局产生影响

接下来的就是清除浮动
一般是以下方法解决
为什么清除浮动
用浮动布局的时候我们必须要嵌套一个父级盒子,分为以下两种情况:
1、有些父级盒子能够设置固定的高度,一定要设置;
2、有些页面由于页面的需要不能设置高度,所以子元素浮动之后脱离了文档流,父级盒子不会被撑开会影响我们后面的布局,所以要清除浮动的影响
清除浮动的方法
清除浮动的方法:额外标签法、父级加overflow属性法、使用after伪元素法、使用双伪元素清除浮动;
额外标签法:
在浮动元素的末尾添加一个空的标签,也就是找到最后一个浮动的子元素,紧跟着在后面添加一个div盒子设置清除浮动的样式clear:both;
例如:<divstyle=“clear:both;”></div>
书写方便,但是会添加许多没有意义的标签,不建议使用;



0 个回复

您需要登录后才可以回帖 登录 | 加入黑马