#前端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