探索前端，分享经验

display:none与visibility:hidden的区别是什么说明px、 em 、 rem三者关系如何实现响应式布局？1、【单选】下列哪个是子代选择器 A A、p>b B、p b C、p+b D、p.b2、【单选】下述有关css属性position的属性值的描述，说法错误的是？B A、static：没有定位，元素出现在正常的流中 B、fixed：生成绝对定位的元素，相对于父元素进行定位 C、relative：生成相对定位的元素，相对于元素本

​ 相对定位就是相对于自己以前在标准流中的位置来移动​ 使用top,right,bottom,left来控制​ 绝对定位就是相对于body来定位。

1.伸缩盒/弹性盒 核心概念：给元素设置display:flex就成为伸缩盒，弹性元素沿着主轴方向进行排列， 主轴默认是水平方向，交叉轴默认是垂直方向。 2.容器属性： display: flex-direction 更改主轴排列方向 flex-wrap 设置是否换行显示 默认不换行 flex-flow flex-direction flex-wrap 简写 justify-content 设置弹性元素在主轴方向对齐方式

1.什么是伸缩盒/弹性盒？ *********************************** 核心概念：容器 弹性元素 交叉轴 主轴 给元素设置个display为flex，该元素成为弹性盒，子元素也就是弹性元素永远沿着主轴方向排列，主轴方向默认为水平方向 交叉轴方向默认为垂直方向，主轴和交叉轴可以通过flex-direction 更改排列方向 容器属性： display:flex 开启伸缩盒 flex-direction:row(默认值) column row-

CSS水平垂直居中方案：1.通过margin挤压 给子元素设置margin 左右margin=父width-子width/2上下margin=父height-子height/22.通过padding挤压 给父元素设置 给父元素设置border-box3.子绝父相 配合属性设置为0 top left bottom right 全部为0 margin:auto4.子绝父相 top:50% left:50% margin-left:-width/2 margin-top:-height/2

在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。​ 但是当为子元素设置浮动以后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度， 导致父元素的高度塌陷。​ 由于父元素的高度塌陷了，则父元素下的所有元素都会向上移动，这样将会导致页面布局混乱。

​ 边框就是环绕在标签宽度和高度周围的线条​ 标签和标签之间的距离就是外边距​ 边框和内容之间的距离就是内边距​ 默认情况下背景图片会随着滚动条的滚动而滚动， 如果不想让背景图片随着滚动条的滚动而滚动， 那么 我们就可以修改背景图片和滚动条的关联方式.

​ CSS语言的核心功能就是为特定的属性设定特定的值，CSS引擎通过计算出声明的每个属性来显示元素。属性与值通过“:”分隔开。​ 由于通配符选择器是设置界面上所有的标签的属性, 所以在设置之前会遍历所有的标签, 如果当前界面上 的标签比较多, 那么性能就会比较差, 所以在企业开发中一般不会使用通配符选择器。**属性的值（Property value）**在属性的右边，冒号后面即属性的值，它从指定属性的众多外观中选择一个值（我们除了 red 之外还有很多属性值可以用于 color ）。

​ 给一堆数据添加列表语义，先通过dt标签定义列表中的所有标题, 然后再通过dd标签给每个标题添加描述信息< dl > < dt > < dd > < dt > < dd > 其实dt和dd都是英文的缩写dt是英文definition title的缩写, 所以dt的含义就是用来定义列表中的标题dd是英文definition description的缩写, 所以dd的含义就是用来定义标题对应的描述的。

​ 它不是一种编程语言，而是一种标记语言，用于告诉浏览器如何构造你的页面。它可以由一系列HTML元素组合成web开发人员想要的简单或者复杂的页面。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。HTML也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。

​ 在开发网站的时候需要各种各样的小图标，这些图标如果要求美工绘制可能比较麻烦，那么我们可以直接使用开源的字体图标库，这些字体图标库使用webFont原理，我们加载一个图标就好像加载一个字体一样简单，通过控制字体大小，字体颜色来控制图标的大小与颜色。​ 目前比较流行的开源字体图标库有​ iconfont http://www.iconfont.cn/​ font-awesome http://fontawesome.dashgame.com/