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.元素布局使用绝对定位和浮动的相同点和不同点?
一个元素浮动或绝对定位后,它将自动转换为块级元素,而不论该元素本身是什么类型。
相同点:
不同点: