IT入门 > 面试题 > css题库 >
  • rgba()和 opacity 的透明效果有什么不同?

    2019/11/18 点击:543

    rgba()和 opacity 都能实现透明效果,但最大的不同是 opacity 作用于元素,以及元素内的所有内容的透明度, 而 rgba()只作用于元素的颜色或其背景色。(设置 rgba 透明的元素的子元素不会

  • css 中可以让文字在垂直和水平方向上重叠的两个

    2019/11/18 点击:571

    垂直方向 :line-height 水平方向 :letter-spacing

  • px 和 em 的区别

    2019/11/18 点击:459

    px 和 em 都是长度单位 ,区别是,px 的值是固定的,指定是多少就是多少,计算比较容易。em 得值不是固定的,并且 em 会继承父级元素的字体大小。 浏览器的默认字体高都是 16px。所以

  • 如何垂直居中一个元素?

    2019/11/18 点击:376

    方法一 :绝对定位居中(原始版之已知元素的高宽) .content { width : 200 px ; height : 200 px ; background-color : #6699ff ; position : absolute ; /* 父元素需要相对定位 */ top : 50 % ; left : 50 % ; margin-top

  • BFC

    2019/11/18 点击:439

    什么是 BFC BFC(Block Formatting Context)格式化上下文,是 Web 页面中盒模型布局的 CSS 渲染模式,指一个独立的渲染区域或者说是一个隔离的独立容器。 形成 BFC 的条件 浮动元素,float 除

  • 用纯 CSS 创建一个三角形的原理是什么?

    2019/11/18 点击:488

    span { width : 0 ; height : 0 ; border-top : 40 px solid transparent ; border-left : 40 px solid transparent ; border-right : 40 px solid transparent ; border-bottom : 40 px solid #ff0000 ;}

  • Sass、LESS 是什么?大家为什么要使用他们?

    2019/11/18 点击:774

    他们是 CSS 预处理器 。他是 CSS 上的一种抽象层。他们是一种特殊的语法/语言编译成 CSS。 例如 Less 是一种动态样式语言. 将 CSS 赋予了动态语言的特性,如变量,继承,运算, 函数.

  • display:none 与 visibility:hidden 的区别是什么?

    2019/11/18 点击:433

    display : 隐藏对应的元素但不挤占该元素原来的空间。 visibility : 隐藏对应的元素并且挤占该元素原来的空间。 即是,使用 CSS display:none 属性后,HTML 元素(对象)的宽度、高度等各种属

  • 移动端 1px 问题的解决办法

    2019/11/18 点击:446

    推荐解决方法: 媒体查询 + transfrom /* 2倍屏 */@media only screen and (-webkit-min-device-pixel-ratio: 2.0) { .border-bottom::after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }}/* 3倍屏 */@media only screen and

  • 哪些 css 属性可以继承?

    2019/11/18 点击:327

    可继承: font-size font-family color, ul li dl dd dt; 不可继承 :border padding margin width height ;