1、什么是网页?
网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一页。
2、什么是html?
html是超文本标记语言,用来描述网页的一种语言。
3、常见浏览器,分别的内核有哪些?
浏览器 内核
Chrome/Opera Blink
IE Trident
FireFox Gecko
Safari Webkit
4、标签
<p></p> =》段落标签
<div></div>=》盒子标签
<a></a> =》链接标签 <a href="" target="__blank"></a>
<img src="">=》图像标签
<br>=》换行标签
<body></body>
<html></html>
盒子实际大小计算公式?
盒子宽度为border(左)+padding(左)+内容宽度+padding(右)+border(右)
当盒子被border和padding撑大之后怎么解决?
1、手动内减:手动计算多余大小,在内容中减去
2、自动内减:给盒子设置属性box-sizing:border-box
相邻盒子之间margin计算规则?
1、水平方向的盒子,两者距离为margin之和
2、垂直方向盒子,两者距离为margin最大值
标准流:
定义:标准流成为文档流,是浏览器在渲染元素时默认采用一套排版规则
浮动
1、特点:
①浮动元素会脱离文档流,在文档流中不占位置
②浮动元素会受到上面块级元素边界影响
③浮动找浮动,下一个浮动元素会在上一个浮动元素后面左右浮动
2、作用:
①图文环绕
②网页布局,让垂直方向盒子变为水平布局
3、塌陷
含义:互相嵌套和块级元素,子元素margin-top会作用在父元素上,导致父元素一起往下移动,引起父元素塌陷
解决方法:
①给父元素border-top或者margin-top
②给父元素overflow:hidden
③display为inline-block,换为块级元素
④float:left
⑤添加伪类
4、代码
float:left float:right
5、影响
子元素设置浮动,此时子元素脱离文档流,撑开父元素,会影响其他布局
5、清除浮动
①直接设置父元素高度
②在父元素内容最后设置一个块元素,添加clear:both
③单伪元素清除法
.clearfix::after{}
.clearfix::before{}
④双伪元素清除法
.clearfix::before{
content:""
display:table
}
.clearfix::after{
clear:both
}
⑤给父元素设定oerflow:hidden
html5
服务器发送事件(Server-Sent-Events)---SSE
它是一种浏览器和服务器之间实现单向实时通信的技术;它适用于以下几种情况
1、实时更新:当需要从服务器实时获取数据或者通知的时候,而不必依赖于主动轮询(获取实时新闻信息)
2、简单的单向通信:只支持服务器向浏览器通信,不支持双向通信
3、长连接:SSE基于持久性连接,适用于需要保持长时间连接。
4、服务端推送:SSE允许服务端主动将数据推送给浏览器,而不需要浏览器请求新数据,有助于减轻服务器和网络负载。
webSocket
注意:本文归作者所有,未经作者允许,不得转载