526互联

Html，Css面试题

发布时间 2024-01-04 20:39:45作者: 大白杨ing

常见面试题

1.如何理解HTML语义化

1.容易读懂(增加代码可读性)

2.让搜索引擎容易读懂(SEO)

2.块状元素&内联元素

1.block/table;有 div h1 h2 table ul ol p等

独占一行

2.inline/inline-block;有 span img input button 等

3.盒模型宽度计算

如下代码,请问div的offsetWidth多大 
<style>
      #div1 {
        width: 100px;
        padding: 10px;
        border: 1px solid #ccc;
        margin: 10px;
      }
    </style>

    <div id="div1"></div>
offsetWidth = （内容宽度+内边距+边框），无外边距
答案 
122px


#div1 {
        width: 100px;
        padding: 10px;
        border: 1px solid #ccc;
        margin: 10px;
        box-sizing: border-box;
      }