CSS

1.实现盒子居中有哪些方式？

2.清除浮动的方式？

3.解决垂直外边距塌陷？

4.CSS三大特性？

　　层叠性、继承性、优先级

5.隐藏元素的方式？

• opacity：设置一个元素的透明度

.hide {opacity: 0;}

• visibility：设置一个元素可见\不可见.hide {visibility: hidden}

.hide {visibility: hidden;}

• display：设置显示与隐藏（隐藏的元素不占位置）

.hide {display: none;}

• position：设置元素位置

.hide {
　　position: absolute;
　　top: -9999px;
　　left: -9999px;
}

• clip-path:

.hide {
　　clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
}　　

6.块元素、行内元素、行内块元素有哪些？有什么特点？

7.盒模型的组成部分？盒模型实际大小？

8.选择器优先级排序？

　　浏览器默认属性 < 继承自父元素的属性 < 通配符选择器 < 标签选择器 < 类选择器 < 结构伪类选择器 < id选择器 < 行内样式 < !important

9.Attribute和property有什么区别？

• Attribute是HTML标签上的属性，它的值只能是字符串。
• property是DOM中的属性，是JavaScript中的对象。

10.CSS布局问题？怎么实现三列布局？如果中间是自适应又该怎么做？

11.流式布局和响应式布局怎么实现？

12.解释一下 ":before" 和 "::after" 伪元素单冒号和双冒号的区别？

　　如果你的网站只需要兼容webkit、Firefox、Opera等浏览器，建议对伪元素采用双冒号的写法，如果不得不兼容IE浏览器，还是用CSS2的单冒号写法更安全。

13.元素布局使用绝对定位和浮动的相同点和不同点？

　　一个元素浮动或绝对定位后，它将自动转换为块级元素，而不论该元素本身是什么类型。

　　相同点：

　　不同点：

原文地址：https://www.cnblogs.com/belongs-to-qinghua/p/11033091.html