#前端7班+余愿
1，href和src的区别
href：href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，如果我们在文档中添加 那么浏览器会识别该文档为css文件，就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用link方式来加载css，而不是使用@import方式。
src：src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。 当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。 总结就是：src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。
2，px、em、rem的区别
px：px是相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
em：em是指相对于父元素的大小 rem：rem是指相对于html根元素的字体大小。
关系：1em=16px px、em、rem单位转换工具 地址：http://pxtoem.com/
3，严格模式和怪异模式的区别
严格模式（也叫标准模式）和怪异模式，是浏览器解析CSS时的两种模式。
严格模式：即标准模式。用通俗易懂的话来讲，就是根据W3C的标准来渲染和解析CSS机制。
怪异模式：怪异模式（英语：quirks mode）是指在计算机领域中，一些网页浏览器为了维持对较旧的网页设计的向后兼容性，而使用的一种技术，有别于严格遵循万维网联盟（W3C）与互联网工程任务组（IETF）标准而设计的“标准模式”。 用通俗易懂的话来讲，就是没有根据W3C的标准来解析CSS机制。
为什么会产生这两种不同的模式？
是因为，早期的浏览器厂商如网景公司和微软公司的Netscape4和IE4，在实现CSS机制时，并没有遵循W3C的标准（主要是CSS实现中盒模型的问题），而为了保证自己的网站在不同的浏览器中都能正确展现，网页开发者不得不依据各个浏览器的自身的规范来使用CSS。因此大部分网站的CSS实现并未符合W3C的标准。
然而随着标准一致性变得越来越重要，浏览器开发商不得不面临一个艰难的抉择：逐渐遵循W3C的标准是前进的方向。但是改变现有CSS的实现，完整去遵循标准，会使许多网站或多或少受到破坏。如果浏览器突然以正确的方式解析现存的CSS，陈旧的网站显示必然受到影响。
所以出现了怪异模式和标准模式。
对于此问题有两种解决方案：
1：允许网站开发者能够选择他们所熟知的模式。
2：依然使用旧式规则显示陈旧的网站。
用通俗易懂的话来说，就是所有的浏览器需要提供两种模式：怪异模式（即兼容模式）服务于旧式规则，严格模式服务于标准规则。选择使用哪种模式需要一个触发器，而 “DOCTYP切换” 则用于此目的。
关于严格模式和怪异模式的解释，参照苏拉A梦的博客：http://www.cnblogs.com/lxin/archive/2013/02/18/2915344.html
网友评论