- 介绍一下css的盒子模型?
css盒子模型详解 - css 选择符有哪些? css3新增伪类有那些?
元素选择符与关系选择符
属性选择符
伪类选择符,CSS3新增伪类
伪对象(伪元素)选择符 - css那些属性可以继承,哪些属性不可继承
css中可继承和不可继承的元素详解 - css样式优先级,以及权重计算
css优先级详解 - 设置元素浮动后,该元素的display值是多少?
自动变成display:block - 为什么要初始化css样式?
初始化css样式 - 如何让div垂直居中,水平居中
div居中的方法全解析(共8种) - 清除浮动的方法
详解css清除浮动方法(9种方法) - CSS3的flexbox(弹性盒布局模型)以及flex的用法
flex布局,css3弹性盒子模型 - 用css实现一个三角形
<div class="sjx"></div> <style> .sjx{ width: 0; height: 0; border-top: 40px solid transparent; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #ff0000; } </style>
- 对 BFC 规范(块级格式化上下文:block formatting context)的理解?
BFC(块级格式化上下文)与常见布局方案 - css隐藏元素的方法,display:none,visibility:hidden,opacity:0的区别,visibility 属性有个 collapse 属性值详解
css隐藏元素方法大全 - 元素竖向的百分比设定是相对于容器的高度吗?
当按百分比设定一个元素的宽度时,它是相对于父容器的宽度计算的,但是,对于一些表示竖向距离的属性,例如 padding-top , padding-bottom , margin-top , margin-bottom 等,当按百分比设定它们时,依据的也是父容器的宽度,而不是高度。 - 怎么让Chrome支持小于12px 的文字?(IE原本就支持)
p{ font-size:10px; -webkit-transform:scale(0.8);//0.8是缩放比例 }
- rgba() 和 opacity 的透明效果有什么不同?
opacity作用于元素,以及元素内的所有内容的透明度,
rgba()只作用于元素的颜色或其背景色。(设置rgba透明的元素的子元素不会继承透明效果!)
css面试题大全(持续更新)
最新推荐文章于 2022-07-07 20:40:53 发布