web前端总复习
做一个暴躁的开发
这个作者很懒,什么都没留下…
展开
-
web前端总复习(二):BFC
概念:BFC是块级格式化上下文,用于布局块级盒子的一块渲染区域。 BFC触发方式: ① 根元素,即HTML标签。 ② 浮动元素,即float为left、right。 ③ overflow的值不为visible,为auto、scoll、hidden。 ④ display的值为inline-block、flex、grid、table等。 ⑤ 定位元素,即position为absolute、fixed。 作用: ① 清除浮动。 当子元素存在float属性时,父容器没有设置高度,父容器的高度由子元素撑起..原创 2020-10-21 20:03:43 · 134 阅读 · 0 评论 -
web前端总复习(六):CSS盒子模型
概述:用来装页面上的元素的矩形区域。 分类: W3C盒子模型 ① 内容区宽高:设置的width、height ② 盒子宽高:内容区宽高+padding区宽高+border区宽高 ③ 所占屏幕的宽高:内容区宽高+padding区宽高+border区宽高+margin区宽高 IE盒子模型 ① 内容区宽高:设置的宽高-padding区宽高-border区宽高 ② 盒子宽高:设置的width、height ③ 所占屏幕的宽高:设置的宽高+margin区的宽高 两种盒子模型的转换: ① 将..原创 2020-10-24 21:14:58 · 107 阅读 · 0 评论 -
web前端总复习(五):HTML5新增的元素
标签语义化 ① header:定义文档或节的页眉 ② nav:定义导航链接 ③ article:定义文档内的文章 ④ section:定义文档中的节 ⑤ aside:定义页面内容之外的内容 ⑥ footer:定义文档或节的页脚 表单 ① datalist:定义输入空间的预定义选项 ② output:定义计算结果 (新增input属性) color、date、email、number、time… 多媒体 ① canvas:使用js的图像绘制 ② svg:使用svg图像绘制 ③ audio:定义声..原创 2020-10-24 21:14:32 · 149 阅读 · 0 评论 -
web前端总复习(三):如何用CSS画一个三角形
三角形原理:边框均分 div { width:0px; height:0px; border-top:10px solid red; border-right:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid transparent; }原创 2020-10-22 14:16:51 · 195 阅读 · 0 评论 -
web前端总复习(一):http和https
http和https的基本概念 http:超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一种用于从服务器传输超文本到本地浏览器的传输协议。它可以使得浏览器更加高效,减少网络传输。 https:是http的安全版。是一种以安全为目标的http通道。 http和https的区别 ① http传输信息不加密,https传输信息加密。 ② 端口不同,http为80端口,https为443端口。 ③ https协议需要ca证书,费用高。 http请求的方式 ① head:类似get请求,但返回的..原创 2020-10-21 09:29:13 · 910 阅读 · 0 评论