IT入门 > 面试题 >
  • 如何垂直居中一个元素?

    2019/11/18 点击:439

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

  • BFC

    2019/11/18 点击:504

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

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

    2019/11/18 点击:552

    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 点击:869

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

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

    2019/11/18 点击:521

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

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

    2019/11/18 点击:515

    推荐解决方法: 媒体查询 + 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 点击:401

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

  • li 与 li 之间有看不见的空白间隔是什么原因引起

    2019/11/18 点击:1119

    浏览器的默认行为是把 inline 元素间的空白字符(空格换行 tab)渲染成一个空格,也就是我们上面的代码 换行后会产生换行字符,而它会变成一个空格,当然空格就占用一个字符的宽度

  • 设置元素浮动后,该元素的 display 值是什么?

    2019/11/18 点击:1107

    自动变成 display:block

  • 怎么让 Chrome 支持小于 12px 的文字?

    2019/11/18 点击:486

    css3 的 transform 属性,设置值为 scale(x,y) 定义 2D 缩放转换 示例: -webkit-transform: scale(0.50);