（面试篇）一.HTML和CSS部分【持续更新】

一、HTML部分

1-1如何理解HTML语义化

答：1.让人更容易读懂（增加代码可读性）2.让搜索引擎更容易读懂（SEO）

 

1-2默认情况下，哪些HTML标签是块级元素、哪些标签是内联元素

答：1.块状元素：div、h1、h2、table、ul、ol、p等

2.内联元素：span、img、input、button等

 

二、CSS部分

知识模块：布局、定位、图文样式、响应式、css3

2-1布局部分

2-1-1.盒子模型的宽度如何计算

问：如下代码，请问div1的offsetWidth是多大

答：首先理解offsetWidth概念，是内容边框+内边距+边框，无外边距

所以结果就是：宽度100px+padding的左右两边共20px+border左右2px=122px

 

补充：如果让offsetWidth等于100px，该如何做？

样式中添加box-sizing:border-box;

 

2-1-2.margin纵向重叠的问题