CSS面试题汇总

Posted on 2021-03-07

CSS实现水平垂直居中

margin: auto;实现绝对定位元素的居中

    .center-vertical{
        width: 100px;
        height: 100px;
        background: orange;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

CSS3.0弹性布局

      html,
      body {
        width: 100%;
        height: 100%;
      }
      body {
        display: flex;
        align-items: center;
        justify-content: center; /* 定义body的元素水平居中 */
      }
      .content {
        width: 300px;
        height: 300px;
        background: orange;
      }

行内元素有哪些？块级元素有哪些？

行内元素有：a b span img input select strong
块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p
常见的空元素： <br> <hr> <img> <input> <link> <meta>

CSS3有哪些新特性？

新增各种CSS选择器（: not(.input)：）
圆角（border-radius:8px）
多列布局（multi-column layout）
阴影和反射（Shadow\Reflect）
文字特效（text-shadow）
文字渲染（Text-decoration）
线性渐变（gradient）
旋转（transform）
缩放,定位,倾斜,动画,多背景

—————- END —————-

======================

0%