html和css学习中遇到的一些问题

1、div+css布局较table布局有什么特点？

1. 表现与结构分离
2. 页面加载更快，结构更加清晰，页面显示简洁
3. 修改维护更加方便
4. 易于优化SEO搜索引擎

2、src与href的区别？

1. src（source）用于替换当前元素，解析该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译和执行完毕。
2. href（Hypertext Reference）在当前文件和引用资源文件之间建立联系，加载的时候不会影响其他资源的加载。

3、css的优先级

!important > 行内样式 > id选择器 > 类选择器 > 通配符（*） > 继承样式

4、line-height行高继承的问题

1. 在设置行高时，如果单位是em或%，那么行高会先计算出来，然后继承给子元素。（em相对于父元素字体大小）
2. 如果没有单位，只有纯数字，那么行高会先继承给子元素，然后在计算行高。（em相对于子元素字体大小）

5、margin的塌陷现象

现象描述：如果一个大盒子包含一个小盒子，给小盒子设置margin-top，大盒子也会一起移动。
解决方法：
1. 给大盒子设置边框（border）
2. 给大盒子设置overflow:hidden;
3. 让大盒子或小盒子浮动（float）