黑马程序员技术交流社区

标题: 技术贴 [打印本页]

作者: ming5320515 时间: 2019-10-13 23:28
标题: 技术贴
来自基础班未毕业的小白技术贴~
  前端基础班的学习已经过了二十多天了，从不知代码为何物的小白，现在也能够做出一个页面的大致框架和形式了，就差JS做出来的动画效果，感觉挺棒。
  这些天的学习主要围绕着网页布局最基本的Html和Css来进行的，Html是网页布局的第一步，要组成一个完整的事物要结构、形式、行为，网页也是一样的，而Html是组成网页的结构，是一种超文本标记语言，其中的难点是各种Html的标签，还有各种书写的规范。Html标签分为单标签和双标签，Html标签的关系有嵌套关系  --- 父子级关系、并列关系  --- 兄弟关系，只要熟练的掌握这些基本的概念和常用标签的使用就能很好的使用Html了，其中一些特殊字符比较多也很难记，老师对我们的要求是不要求记忆但要知道大概知道在哪里能查到。Html里面还有个重点是表格的使用，表格除了基本的书写形式以外，还要掌握合并单元格等一系列的基本操作，总体来说Html是前端里面最基础的，在我看来也是最容易的。
  一个页面完成了Html的书写只是完成了基本结构，而我现在学的CSS则是页面的美化工具，能让页面更好的呈现在用户面前，Css的内容相比Html多了很多，也难上了不少，其中我认为最难的还是浮动，在书写页面的时候你要的框架总是不能正确出现在你想要的位置上，而产生这种现象的原因多种多样，在布局的时候就有注意事项比如利用浮动布局的时候，建议给浮动的元素嵌套一个父级元素，然后给父级最好设置固定的高度，就减少出现兼容问题；在做浮动布局的时候，如果父级盒子嵌套了子级盒子，如果父级盒子没有设置固定的高度，那么里面的子级盒子浮动以后，父级盒子的高度就不会被撑开，显示默认的高度为0就会影响后面的盒子显示布局；而解决这个问题的方法也很简单 1、直接给父级添加overflow:hidden;强制的区分了父子级的关系，让父级盒子自适应子级盒子的高度；2、After伪元素清除浮动法。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2