摘要： rem以单位进行布局 实现宽高自适应的布局 em:当前元素一个字体的大小 <style> .box { position: relative; width: 6.4rem; height: 3rem; background-color: hotpink; margin: 0 auto; } img  阅读全文

摘要： `回流(reflow)`:当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。 `重绘(repaint)`：当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局的，比如background-color。 浏览 阅读全文

摘要： 1.两侧固定，中间自适应 .box{ width: 100%; display: flex; height: 300px; } .left{ width: 100px; height: 200px; background-color:red; } .right{ width: 100px; heig 阅读全文

摘要： 1.两侧固定，中间自适应 2.左侧固定，右侧自适应 3.右侧固定，左侧自适应 阅读全文

摘要： 1.text-align:center 控制行内元素和行内块水平居中 2.line-height 控制单行文字垂直居中 3.margin:0 auto 控制一个具体宽度的块级元素水平居中 4.控制一个绝对定位元素的水平垂直居中 5.background-position:center center; 阅读全文

摘要： 1. list-style: none; 设置列表标记的 默认会是实心圆点 设成none就是没有标记列表格式 2. box-sizing: border-box; CSS3盒子模型，盒子采用内减模式 3.text-decoration: none 取消文字的下划线 4.vartical-align： 阅读全文

摘要： 1.伪元素定义 概念：在当前元素内容的前面或者后面追加一个虚拟的标签 特点： （1）.伪元素由CSS渲染，不会增加DOM开销； （2）.伪元素默认为行内样式，可以转化成块级处理； （3）.伪元素不管有没有内容，content这是值不能少，即使没有也要写成空； （3）.伪元素官方推荐写成双冒号但为了兼 阅读全文

摘要： 1.定高法 ：给父级容器添加高度 2.额外标签法：在浮动元素的后边添加一个块级标签，这个标签专门clear:both 3.伪元素清除浮动 <style> .contain{ width: 500px; border: 1px solid #000; } .box{ width: 300px; hei 阅读全文

摘要： 1.两侧固定，中间自适应 2.左侧固定，右侧自适应 <style> .contain{ position: relative; height: 200px; padding-left: 200px; } .left{ width: 200px; height: 150px; left:0; top: 阅读全文

摘要： /*css基础样式*/ /*css样式重置*/ body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figu 阅读全文