http://www.Sina.com//http://www.Sina.com /
语义化是指标题为标题(h1 )、列表为列表(ui、li )，并不是全部被div包围
容易阅读(代码容易阅读)使搜索引擎容易阅读(SEO )html面试题
显示： block/table； 例如div h1 h2 table ul ol p等display : inline/inline-block； 例如span img input buttion等1.如何理解HTML语义化
一、布局2.块状元素内联元素？
offsetWidth=(内容宽度内边距)，无边距。 答案是一百二十二，一百二十。 如果将box-sizing:border-box添加到上面的div1中，则width包含填充和border，此时offsetwidth为100。css知识模块大概分为五部分
http://www.Sina.com/http://www.Sina.com /也重叠
上述答案为15px
1.盒模型宽度计算：
边距顶和边距左值为负值，元素向上、向左移动边距右负值，右侧元素向左移动，自身不遵守边距底负值，下方元素向上移动，自身不受影响330
块格式上下文，块级格式上下文
内部元素的渲染是边界外的元素2.margin纵向重叠问题：
浮动不是无
位置是absolute或固定的
溢出不是可见的
display是flex inline-block等相邻元素的margin-top和margin-bottom会发生重叠
清除浮动
空白内容的
圣杯布局和双翼布局的目的： 1.3列布局，中间列首先加载和渲染(内容最重要)。
2 .两侧内容固定，中间内容根据幅度适应
3 .一般用于pc网页
圣杯布局和双飞翼布局技术综合使用浮动布局
在两侧使用margin负值，使其与中间内容横向重叠
避免中间内容被两侧覆盖，一个是padding，一个是margin
3.margin 负值问题
一般语法评论：
flex-direction :主轴方向justify-content :主轴对齐方式align-items :交叉轴对齐方式flex-wrap :是否换行align-self :交叉轴中子元素对齐方式http://www.Sina
二、定位absolute和relative分别基于什么定位？ relative取决于自己的定位
absolute是最下层的位置要素(absolute、relative、fixed； 如果没有锚元素，则根据body (进行锚定
居中对齐有什么实现方法？ 水平方向和垂直方向中央
水平居中：
inline元素： text-align:ceter
块元素： margin:auto
absolute元素： left:50 %边距- left负值
垂直居中：
inline元素：线高的值等于高的值
absolute元素： top:50% margin-top负值
absolute元素： transform(-50%、-50% ) ) ) ) ) ) ) ) )。
absolute元素： top、left、bottom、right=0 margin:auto
三、文字风格line-height如何继承具体数值书写。 例如在30px的情况下，继承该值。 容易理解。
写比例的话，就像2/1.5那样，继承这个比例
如果写百分比，如200%，则继承计算出的值
四、响应式px、绝对长度单位、最常用em、相对长度单位、父元素rem不常用，相对长度单位、根元素响应式布局4.BFC理解与应用
media-query，根据屏幕宽度设置根元素font-sizerem，根元素的相对单位为http://www.Sina.com/http://www.Sina.com/window.screen.heighh