zoukankan      html  css  js  c++  java
  • 最近面试前端面试题整理(css部分)

     对最近面试的面试题坐下总结:

    一,css部分

    1,html元素的垂直居中

    答案:

    <div id="box">
       	  <div>
       	  	 测试
       	  </div>
       </div>
     #box{
          	  200px;
          	 height: 200px;
          	text-align:center;
          	vertical-align: middle;
          	display: table-cell;
          }
    

     2,css考的最多是flex;

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
        .flex {
            display: flex;
             800px;
            margin: 0;
            padding: 0;
            list-style: none;
        }
    
        .flex :nth-child(1) {
            flex: 1 1 300px;
        }
    
        .flex :nth-child(2) {
            flex: 2 2 200px;
        }
    
        .flex :nth-child(3) {
            flex: 3 3 400px;
        }
        </style>
    </head>
    
    <body>
        <ul class="flex">
            <li>a</li>
            <li>b</li>
            <li>c</li>
        </ul>
    </body>
    
    </html>
    

     建议多看看这块。

    3,然后css还考察了清楚浮动的方法:

    答案:

    clear:both; overflow:hidden;伪类;

    4,就是相对定位和绝对定位相关知识点

    比如:position有哪些属性值,每种的意义和用法。

  • 相关阅读:
    34、JS/AJAX
    33、mybatis(二)
    32、mybatis
    31、springmvc(注解)
    30、springmvc
    29、Oralce(五)
    Spring学习之路-SpringBoot简单入门
    Spring学习之路-从放弃到入门
    心情日记
    Spring学习之路-从入门到放弃
  • 原文地址:https://www.cnblogs.com/zhensg123/p/7364415.html
Copyright © 2011-2022 走看看