摘要：
1.CSS的计算规则 选择器的特殊性值表述为4个部分，用0,0,0,0表示 2.CSS优先级 一般来说： 内联样式>ID选择器（#id）>属性选择器（a[href=""]）=伪类选择器（：hover）>标签选择器（span、p）=伪元素选择器（::before） 但当权级相同时，后面定义的CSS会覆 阅读全文
摘要：
1.Grid网格布局 基本概念 Grid布局是将容器划分成“行”和“列”，产生单元格，然后指定“项目所在”的单元格，可以看作是二维布局。 采用网格布局的区域，成为 “容器”，容器内部采用网格定位的子元素，成为“项目”容器里面的水平区域称为 行（row），垂直区域称为 列（column）行和列的交叉区 阅读全文
摘要：
css常见单位 em : 相对于父元素的字体大小，若父元素fon-size为16px,那么1em就为16px rem: 相对于根元素字体大小，若根元素font-size为16px,那么1em就为16px vw : 相对于视窗的宽度：视窗宽度是100vw vh : 相对于视窗的高度：视窗高度是100v 阅读全文
摘要：
1.常见行内元素和块级元素 （1）行内元素 <span>、<a>、<br>、<b>、<strong>、<img>、<input>、<textarea>、<select>、<sup>、<sub>、<em>、<del> （2）块级元素 <address>、<center>、<h1>~<h6>、<hr>、 阅读全文
摘要：
1.BFC定义和布局规则 BFC（Block formatting context）译为“块级格式化上下文”。它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level如何布局，并且与这个区域外部毫不相干。 BFC布局规则 （1）内部的box会在垂直方向，一 阅读全文
摘要：
1.cookie （1）什么是cookie cookie是在计算机上存储在小的文本文件中的数据。当web服务器向浏览器发送网页后，连接被关闭，服务器会忘记用户的一切。 cookie就是为了解决‘如何记住用户信息而发明的’ ① 当用户访问网页时，它的名字可以存储在cookie中 ② 下次用户访问该页面 阅读全文
摘要：
1.跨域的产生， 浏览器为了保证用户信息的安全，防止恶意的网站窃取数据，所以所有浏览器都实行同源政策，而同源所指的是协议相同、域名相同和端口不同，而产生跨域就是因为同源问题，当其中一个不同时，就导致跨域的产生 2.jsonp跨域 jsonp是服务器与客户端跨源通信的常用方法，特点是简单适用，老式浏览 阅读全文
摘要：
position的取值主要有如下图： 官方给出的总是不那么容易懂得，所以有了以下简洁易懂的总结： relative：定位是相对于自身位置定位（设置偏移量的时候，会相对于自身所在的位置偏移）。设置了relative的元素仍然处于文档流中，元素的宽高不变，设置偏移量也不会影响其他元素的位置。最外层容器设 阅读全文
摘要：
1.浮动产生的原因 一般来说一个盒子使用了CSS float 浮动属性，导致父级对象盒子不能被撑开，这样浮动就产生了。简单地说，浮动就是因为使用了float属性而产生的 2.浮动产生的负作用 由于浮动产生，如果对父级设置 background背景属性，而父级不能被撑开，所以导致CSS背景不能显示 如 阅读全文
摘要：
方法一：使用transform属性 方法二：未知父元素高宽 方法三：使用Flex 方法四：使用table-cell，vertical-align:middle 阅读全文