摘要：
浏览器输入域名之后发生了什么？ 域名解析 发起TCP的3次握手 建立TCP连接后发起http请求 服务器响应http请求 浏览器得到html代码 浏览器解析html代码， 并请求html代码中的资源（如js、css、图片等） 浏览器对页面进行渲染呈现给用户 阅读全文
摘要：
200 OK //客户端请求成功301 Moved Permanently（永久移除)，请求的 URL 已移走。Response 中应该包含一个 Location URL, 说明资源现在所处的位置302 found 重定向400 Bad Request //客户端请求有语法错误，不能被服务器所理解4 阅读全文
摘要：
<!DOCTYPE>声明位于位于HTML文档中的第一行，处于 <html> 标签之前。作用：告知浏览器的解析器用什么文档标准解析这个文档 阅读全文
摘要：
在css中单位长度用的最多的是px、em、rem，这三个的区别是： 一、px是固定的像素，一旦设置了就无法因为适应页面大小而改变。 二、em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。 三、em是相对于其父元素来设置字体大小的，一般都是以<body 阅读全文
摘要：
渐进增强（Progressive Enhancement）：一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。 优雅降级（Graceful Degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开始使用 阅读全文
摘要：
src用于替换当前元素，href用于在当前文档和引用资源之间确立联系； 当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部； href是Hypertext Refer 阅读全文
摘要：
1）行内元素有：a b span img input select strong（强调的语气） 2）块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p 3）常见的空元素： <br> <hr> <img> <input> <link> <meta>空元素的意思是：在HT 阅读全文
摘要：
box-sizing 是用于告诉浏览器如何计算一个元素是总宽度和总高度 盒子的四个组成区域相对应，每个盒子有四个边界：内容边界 Content edge、内边距边界 Padding Edge、边框边界 Border Edge、外边框边界 Margin Edge。 标准盒模型 box-sizing: 阅读全文