css面试题
- 一、HTML语义化标签
- 二、块级元素、内联元素、 行内块元素
- 三、盒模型
一、HTML语义化标签
什么是HTML语义化标签？语义化标签的优势？
HTML语义化标签顾名思义就是赋予标签含义，比如说
<p>标签代表的是段落，还有<head>、<foot>、<article>、<section>、<strong>等等，目的是：1、增加了代码的可读性。2、让seo更好的去搜索关键字（seo优化：比如淘宝的官网的logo和小标题用的都是<h>标签，目的就是为了让搜索引擎更好爬取）
二、块级元素、内联元素、 行内块元素
什么是块级元素、内联元素、 行内块元素？它们的区别是什么？
块级元素：
<div>、<p>、<h1>-<h6>
内联元素：<span>、<strong>、<em>
行内块元素：<input>、<img>
内联元素不支持上下margin，且不支持宽度高度，默认内容撑开宽高
行内块元素没有宽度的时候内容撑开宽度，可以横排展示。
答案详情点击这里
三、盒模型
什么是盒模型？
了解box-sizing: border-box;和box-sizing: content-box;的区别？
box-sizing: border-box;:d
