0
点赞
收藏
分享

微信扫一扫

css面试题大全(持续更新)

阎小妍 2022-10-13 阅读 77


  • 介绍一下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面试题大全(持续更新)_css

举报

相关推荐

0 条评论