黑马程序员技术交流社区

标题: 老阿姨的前端基础易错知识点总结~ [打印本页]

---

作者: 火龙果tjn    时间: 2019-10-15 09:41
标题: 老阿姨的前端基础易错知识点总结~

进入黑马学习已一月有余，目前阶段虽只是基础班学习，但学到的知识还是很值得与大家分享的，毕竟入门也是相当重要的，基础没有学扎实，后期的进阶都是空谈。下面就本月学习的html与css模块相关知识点与大家做一个简单的小分享：

划重点

分享一：对前端的基本认识

前端学习大体分三个部分：html、css、javascript。

1、学习html，你可以把它当做设计房子的整体结构。头部(head)，中部(body)，底部(foot)就像是房子的屋顶，房间，地基；

2、学习css，就像是给房子做装修，墙壁刷成什么颜色，选择什么样的瓷砖装饰房间；

3、学习javascript，可以当成是各种互动的开关控制，比如按某个按钮，可以控制电视开关换台，或者控制灯光。

分享二：HTML重要知识点总结

      1、主流浏览器：IE、火狐（Firefox）、谷歌（Chrome）、safari和Operra，统称5大浏览器。

      2、HTML是超文本标记语言，不是编程语言；

      3、h1标签一般情况下一个页面最好出现一次，并且放logo最好，h2标签一个页面最多使用两次，h3-h6标签可以多次重复出现；

      4上级路径查找

          存放文件（html文件）的父级和存放目标文件的父级是平级关系，我们可以直接以../ 表示上一级去查找目标文件路径；

       5、在HTML中，form标签被用于定义表单域，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。

分享三：css重要知识点总结

       1、块级元素特点：

        独占一行，设置宽高能够生效，也可以控制外边距和内边距；

        如果没有设置宽度，默认的宽度是父级的100%；

       是一个容器盒子，里面可以放行内或者块元素；

       2、行内元素特点：

        一行可以共存多个，设置宽高不生效，默认的宽高是自己本身的内容撑开；

        行内元素里面最好只放文本或者其他的行内元素；

       3、去除图片插入底部留白和插入图片和文字垂直居中

       直接在css的最前面将img的对齐方式设置为vertical-align：middle; 图片中心基线显示；

      4、display显示与隐藏与visibility显示与隐藏区别

       不占位隐藏：display:none;   

      显示：display:block; 将隐藏的元素显示出来

      占位隐藏：visibility:hidden; 盒子隐藏之后原来的位置还是在的；

       5、Css3的过渡动画

       transition: 过渡的属性 花费时间 运动曲线 何时开始；

       如果有多组属性，用逗号隔开

       all 所有属性都会变化

       注意：过渡写到本身上（谁需要过渡就加给谁）

       过渡动画一般只在hover的时候使用，与css3自定义动画有区别。

以上仅为部分易错及重要知识点的整理分享，欢迎各位一起学习前端的小伙伴补充交流分享鸭~（未完待续）

---

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

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