HTTP304状态码：请求资源与本地缓存相同，未修改，即 HTTP 304 Not Modified 响应状态HTTP 304 Not Modified ：说明无需再次传输请求的内容，也就是说可以使用缓存的内容。这通常是在一些安全的方法（safe），例如GET 或HEAD 或在请求中附带了头部信息： If-None-Match 或If-Modified-Since。如果是 200 OK ，响应会带有头部 Cache-Control, Content-Location, Date, ETag, Expires，和 Vary.备...

1.多行注释 shift+alt+a2.单行注释 ctr+/3.代码格式化 shift+alt+f4.open with live server alt+o+l5.选中多行快捷键 Ctrl+Alt+键盘的上下左右按键 或者 Alt+鼠标左键，，如果多选了几行，不按ctrl和alt，按上下键就能取消选中。6.左右滑动内容 ctrl+鼠标滚轮或控制面板，可以左右滑动内容7.lorem会显示英文文字信息

1.jquery的ajax先引入jquery库或用jqueryCDN代码： <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script> $.ajax({ url:"本地地址或在线地址url1"，//用本地文件地址，用open with live server打开，不会出现路径问题 type:"GET", success(res){ //这里ajax获取响应结束，可以嵌套ajax，因为在进行ajax请求的时候，一个效果需要有多个请求按照一定的顺序...

CSS3 的新特性：，在布局方面：新增了 flex 布局，在选择器方面：新增了例如first-of-type,nth-child，: not(.input)（所有 class 不是“input”的节点） 等选择器，在盒模型方面：添加了 box-sizing 来改变盒模型，在动画方面：增加了 animation，2d 变换、3d 变换（如 transform ：增加了旋转,缩放,定位,倾斜,动画,多背景）等，在颜色方面：添加透明，rbga 等，在文本方面：文字特效 （text-shadow），文字渲染 （Text-decoration）在边框方面：添加了 border-radius（圆角），bo...

Calc 用户动态计算长度值，任何长度值都可以使用 calc()函数计算，需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；

box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。box-sizing 规定两个并排的带边框的框，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 “border-box”。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。语法： box-sizing：content-box/border-box/inherit属性：content-box：宽度和高度分别应用到元素的内容框，在宽度和高度之外绘制元素的内边距和边框border-box：为元素设定的宽度和高度决定了元素的边框盒，inherit：继承父元素的 box-sizing看代码...

用的目前来说最多的是 flex 属性，灵活但是兼容性方面不强。

float 的元素，display 是什么？display 为 block

多行元素的文本省略号： overflow: hidden;  /* 溢出隐藏 */            text-overflow: ellipsis; /* 溢出用省略号显示 */            display: -webkit-box; /* 作为弹性伸缩盒子模型显示。 */            -webkit-box-orient: vertical;  /* 设置伸缩盒子的子元素排列方式：从上到下垂直排列 */            -webkit-line-clamp: 7; /* 显示的行数 */例如： <style> p { width: 250px; h...

transition 和 animation 的区别：Animation 和 transition 大部分属性是相同的，他们都是随时间改变元素的属性值。他们的主要区别是 transition 需要触发一个事件才能改变属性，而 animation 不需要触发任何事件的情况下才会随时间改变属性值，并且 transition 为 2 帧，从 from .... to，而 animation可以一帧一帧的。transition是过度属性，强调过度，它的实现需要触发一个事件（比如鼠标移动上去，焦点，点击等）才执行动画。它类似于flash的补间动画，设置一个开始关键帧，一个结束关键帧。animation是...

一般用border: 0.5px solid red;但是不同浏览器显示不同，有的浏览器会自动把0.5px转成1px。那么如何实现0.5px的线呢？1.单边框的0.5px线的实现方法1.方法1：boder+boder-image+linear-gradient <style> .border { width: 200px; height: 200px; background-color: rgb(136, 255, 0); margin: 0 auto; border-bottom: 1px solid transparent; border-image: linear-gradi...

display: table 和本身 table 是相对应的，区别在于： display：table 的 css 声明能够让一个html 元素和它的子节点像 table 元素一样，使用基于表格的 css 布局，是我们能够轻松定义一个单元格的边界，背景等样式，而不会产生因为使用了 table 那样的制表标签导致的语义化问题。 之所以现在逐渐淘汰了 table 系表格元素，是因为用 div+css 编写出来的文件比用 table边写出来的文件小，而且 table 必须在页面完全加载后才显示，div 则是逐行显示，table的嵌套性太多，没有 div 简洁.

css 动画如何实现？方法1：animation 可实现动画：创建动画序列，需要使用 animation 属性或其子属性，该属性允许配置动画时间、时长以及其他动画细节，但该属性不能配置动画的实际表现。动画的实际表现是由 @keyframes 规则实现，具体情况参见使用 keyframes 定义动画序列小节部分。方法2：transition 也可实现动画。 transition 强调过渡，是元素的一个或多个属性发生变化时产生的过渡效果，同一个元素通过两个不同的途径获取样式，而第二个途径当某种改变发生（例如 hover）时才能获取样式，这样就会产生过渡动画。

1.浮动的定义：  非IE浏览器下，容器不设高度且子元素浮动时，容器高度不能被内容撑开。 此时，内容会溢出到容器外面而影响布局。这种现象被称为浮动（溢出）。2.浮动的工作原理：浮动元素脱离文档流，不占据空间（引起“高度塌陷”（浮动塌陷）现象）浮动元素碰到包含它的边框或者其他浮动元素的边框停留 浮动元素可以左右移动，直到遇到另一个浮动元素或者遇到它外边缘的包含框。浮动框不属于文档流中的普通流，当元素浮动之后，不会影响块级元素的布局，只会影响内联元素布局。此时文档流中的普通流就会表现得该浮动框不存在一样的布局模式。当包含框的高度小于浮动框的时候，此时就会出现“高度塌陷”。 浮动塌陷问题（父级块没有...