# Css题目汇总

# css 伪类与伪元素区别

公司:滴滴、网易

分类:Css

答案&解析


# 说一下盒子模型,以及标准情况和 IE 下的区别

公司:兑吧

分类:Css

答案&解析


# Css 如何画出一个扇形,动手实现下

公司:头条

分类:Css、编程题

答案&解析


# iPhone 里面 Safari 上如果一个输入框 fixed 绝对定位在底部,当软键盘弹出的时候会有什么问题,如何解决

公司:快手

分类:JavaScript、Css

答案&解析


# BFC 是什么?触发 BFC 的条件是什么?有哪些应用场景?

公司:快手、伴鱼、网易

分类:CSS

答案&解析


# 说一下什么是重绘重排,哪些操作会造成重绘重排

公司:滴滴、伴鱼、菜鸟网络、58

分类:CSS

答案&解析


# 什么情况会出现浏览器分层

公司:伴鱼

分类:CSS

答案&解析


公司:伴鱼

分类:CSS

答案&解析


# 使用 Css 实现一个水波纹效果

参考:第二屏中的水波纹效果

公司:头条

分类:Css、编程题

答案&解析


# position 定位都有什么属性(不仅仅是绝对定位和相对定位/fix 定位)

公司:头条

分类:Css

答案&解析


# 说一下 Css 预处理器,Less 带来的好处?

公司:头条

分类:Css

答案&解析


# Css 选择器都有什么,权重是怎么计算的

公司:完美世界

分类:Css

答案&解析


# 布局都有什么方式,float 和 position 有什么区别

公司:完美世界

分类:Css

答案&解析


# nth-childnth-type-of 有什么区别

公司:网易

分类:Css

答案&解析


# <img>是什么元素

公司:网易

分类:Css

答案&解析


# flex 布局,如何实现把八个元素分两行摆放

公司:网易

分类:Css

答案&解析


# Css 方式实现一个不知道宽高的 div 居中都有哪几种方法

公司:阿里、滴滴、易车、新东方、虎扑、饿了么、爱范儿、心娱、58

分类:Css

答案&解析


# 以下 css 最后是什么颜色

<style>
  div {
    color: red;
  }
  #title {
    color: yellow;
  }
  div.title {
    color: bule;
  }
</style>
<div class="title" id="title">abc</div>

公司:快手

分类:Css

答案&解析


# 简述 Grid 布局

分类:Css

答案&解析


# 动手实现一个左右固定100px,中间自适应的三列布局?(至少三种)

公司:自如、头条

分类:Css、编程题

答案&解析


分类:Css、编程题

答案&解析


# Css 画一个三角形

公司:会小二、高思教育、58

分类:Css、编程题

答案&解析


# Css 超出省略怎么写,三行超出省略怎么写

公司:虎扑

分类:Css

答案&解析


# Css inherit、initial、unset 三者的区别

公司:虎扑

分类:Css

答案&解析


# 介绍下 Flex 布局,属性都有哪些,都是干啥的

公司:阿里、虎扑、快手

分类:Css

答案&解析


# 响应式布局用到的技术,移动端需要注意什么

分类:Css

答案&解析


# 移动端适配 1px 的问题

公司:阿里

分类:Css

答案&解析


# 居中为什么要使用 transform(为什么不使用 marginLeft/marginTop)

公司:阿里

分类:Css

答案&解析


# 介绍 css3 中 position:sticky

公司:网易

分类:Css

答案&解析


# 清除浮动的方式

公司:头条

分类:Css

答案&解析


# transform 动画和直接使用 left、top 改变位置有什么优缺点

公司:有赞、腾讯应用宝

分类:Css

答案&解析


# 上下固定,中间滚动布局如何实现

公司:饿了么

分类:Css

答案&解析


# 如何实现高度自适应

公司:兑吧

分类:Css

答案&解析


# em 和 px 的区别

公司:兑吧

分类:Css

答案&解析


# 以下选项为 css 盒模型属性有哪些?(多选题)

A.font
B.margin
C.padding
D.visible
E.border

公司:会小二

分类:Css

答案&解析


# 说下盒模型的区别?介绍一下标准的 CSS 盒模型?border-box 和 content-box 有什么区别?

公司:快手、会小二

分类:Css

答案&解析


# Css 单位都有哪些?

公司:快手

分类:Css

答案&解析


# Css 实现多列等高布局,要求元素实际占用的高度以多列中较高的为准

公司:快手

分类:Css、编程题

答案&解析


# 一个标签的 class 样式的渲染顺序,id、class、标签、伪类的优先级

公司:快手

分类:Css

答案&解析


# css 如何实现动画

公司:头条

分类:Css

答案&解析


# Css 如何实现一个半圆

公司:酷狗

分类:Css

答案&解析


# 请画出 css 盒模型,基于盒模型的原理,说明相对定位、绝对定位、浮动实现样式是如何实现的?

公司:玄武科技

分类:Css

答案&解析


# 列举出 css 选择器有哪些分类,并至少写出三个 css 选择器之间的区别,适用场景

公司:玄武科技

分类:Css

答案&解析


# Css 实现 div 宽度自适应,宽高保持等比缩放

公司:快手

分类:Css

答案&解析


# ul 内部除最后一个 li 以外设置右边框效果

公司:快手

分类:Css

答案&解析


# flex:1 的完整写法是?分别是什么意思?

公司:快手

分类:Css

答案&解析


# 行内元素和块级元素有什么区别

分类:Css

答案&解析


分类:Css

答案&解析


# 屏幕正中间有个元素A,元素A中有文字A,随着屏幕宽度的增加,始终需要满足下列条件

/* 
  A元素垂直居中于屏幕中央
  A元素距离屏幕左右边距各10px
  A元素里面的文字A的font-size:20px;水平垂直居中
  A元素的高度始终是A元素宽度的50%;(如果搞不定可以实现为A元素的高度固定为200px)
  
  请用html及css实现
*/

公司:头条

分类:Css

答案&解析


# 怎样用 css 实现一个弹幕的效果,动手实现一下

公司:头条

分类:Css

答案&解析