摘要: 需要浮动的元素可使用CSS中float属性来定义元素的浮动位置,left:往左浮动,right:往右浮动浮动元素引起的问题:(1)父元素的高度无法被撑开,影响与父元素同级的元素(2)与浮动元素同级的非浮动元素会跟随其后(3)若非第一个元素浮动,则该元素之前的元素也需要浮动,否则会影响页面显示的结构解... 阅读全文
posted @ 2015-01-06 11:50 山水如九画 阅读(1571) 评论(0) 推荐(0) 编辑
摘要: 一个元素盒模型的层次从内到外分别为:内边距、边框和外边距IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框 阅读全文
posted @ 2015-01-06 11:49 山水如九画 阅读(2307) 评论(0) 推荐(0) 编辑
摘要: 严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。在标准模式中,浏览器根据规范呈现页面;在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE,那么它一般以标准模式呈现... 阅读全文
posted @ 2015-01-06 11:48 山水如九画 阅读(458) 评论(0) 推荐(0) 编辑
摘要: 首先,什么是web标准?web标准是w3c组织为解决跨浏览器兼容问题而推出的关于网页开发时应遵守的规范。在网页的四个部分中网页的内容是由网页开发者自己定义的,因此这一部分无法标准化,而网页的结构(HTML)、行为(JAVASCRIPT)、表现(CSS)部分,W3C组织分别定义了相应的标准语言来进行开... 阅读全文
posted @ 2015-01-06 11:44 山水如九画 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 今天有个同学在面试的时候碰到了使用css2和css3实现一种页面布局,要求页面效果如下:在实现这种页面布局时,他使用了display:box-flex,下面是相应的代码:css2 方式 当然请看这一行代码css3 方式: ... 阅读全文
posted @ 2015-01-05 23:50 山水如九画 阅读(1742) 评论(0) 推荐(0) 编辑
摘要: 元素概要标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 ——W3School必要属性属性值描述contentsome text定义与http-equiv或name属性相关的元信... 阅读全文
posted @ 2015-01-05 21:38 山水如九画 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 在设置不透明属性时,经常用opacity来增加层次感或者增加用户体验,但这个属性是css3属性,对于低级浏览器的兼容性来说就达不到预期的效果。一般而言,我们都尽可能少用一些浏览私有属性-webkit,-moz,-ms,-o,但这也仅仅解决了市面上很多浏览器的问题,面对IE,特别是IE9-版本的,也是... 阅读全文
posted @ 2015-01-05 21:32 山水如九画 阅读(1328) 评论(0) 推荐(0) 编辑
摘要: 渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。 区别:优雅... 阅读全文
posted @ 2014-12-27 23:53 山水如九画 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 性能优化的方法 1.利用互联网上提供的免费CDN,加速web前端网页静态资源的加载,节省加载时间,提高效率; 2.在Html方面: i.压缩网页文件资源,主要是在兼顾兼容性的前提下,代码的优化,省去多余的空格,减少浏览器无效的渲染时间; 2.一个网页的标... 阅读全文
posted @ 2014-12-16 00:13 山水如九画 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 一、事件源对象 event.srcElement.tagName //IE浏览器event.srcElement.typeevent.target.tagName //dom浏览器event.target.type二。捕获释放 event.srcElement.setCapture(); even... 阅读全文
posted @ 2014-11-21 22:19 山水如九画 阅读(126) 评论(0) 推荐(0) 编辑