1、<div> 与 <span> 用于组合元素，以便通过样式来格式化它们：
<div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器，与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性；
<span> 元素是内联元素，可用作文本的容器，与 CSS 一同使用时，<span> 元素可用于为部分文本（行内元素）设置样式属性；
class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素;
<div> 是一个块级元素，这意味着它的内容自动地开始一个新行，实际上，换行是 <div> 固有的唯一格式表现？
<div>未被赋予css样式时，默认换行独占100%宽度。
2、html解决页面元素的组合问题，css设置页面元素的样式，js处理页面的动态效果。
3、各div的样式会互相影响吗？
div.news { <!-- 大小无效，颜色有效 -->
font-size:50px;
color:blue;
}
div.news { <!-- 大小有效，颜色无效 -->
color:blue;
font-size:50px;
}
div.news { <!-- 颜色无效 -->
color:blue;
}
div.news { <!-- 大小无效 -->
font-size:50px;
}
4、清除当前定义的元素左右浮动：
clear:left; //清除左浮动；
clear:right; //清除右浮动；
clear:both; //清除左右两边浮动。
5、布局原理？比如默认的div排列方式 header、nav、section等是已经定义好。
6、
响应式网络设计 （ RWD / AWD）的出现，目的是为移动设备提供更好的体验，并且整合从桌面到手机的各种屏幕尺寸和分辨率，用技术来使网页适应从小到大（现在到超大）的不同分辨率的屏幕。
注： Responsive Web Design ＝ RWD，Adaptive Web Design ＝ AWD
采用 CSS 的 media query 技术；
流体布局（ fluid grids ）；
自适应的图片/视频等资源素材；
（为小、中、大屏幕做一些优化，目的是让任何尺寸的屏幕空间都能得到充分利用）。
AWD：CSS media query 技术（仅针对有限几种预设的屏幕尺寸设计）；
用 Javascript 来操作 HTML 内容；
在服务器端操作 HTML 内容（比如为移动端减少内容，为桌面端提供更多内容）。
浙公网安备 33010602011771号