进入黑马学习已一月有余,目前阶段虽只是基础班学习,但学到的知识还是很值得与大家分享的,毕竟入门也是相当重要的,基础没有学扎实,后期的进阶都是空谈。下面就本月学习的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自定义动画有区别。 以上仅为部分易错及重要知识点的整理分享,欢迎各位一起学习前端的小伙伴补充交流分享鸭~(未完待续)
|