以图明志

Web设计理念

浏览器渲染过程中的reflow是什么

浏览器渲染原理
浏览器每天就这么来来回回跑着,要知道不同的人写出来的html和css代码质量参差不齐,说不定哪天跑着跑着就挂掉了。好在这个世界还有这么一群人——页面重构工程师,平时挺不起眼,也就帮视觉设计师们切切图啊改改字,其实背地里还是干了不少实事的。

互联网时代

浏览器内核及渲染过程介绍

不同浏览器内核引擎区别
浏览器可以分为两部分,shell+内核。其中shell的种类相对比较多,内核则比较少。Shell是指浏览器的外壳:例如菜单,工具栏等。主要是提供给用户界面操作,参数设置等等。它是调用内核来实现各种功能的。内核才是浏览器的核心。内核是基于标记语言显示内容的程序或模块。内核又可以分成两部分:渲染引擎(layout engineer或者Rendering Engine)和JS引擎。

CSS

页面元素的CSS渲染优先级

了解CSS的优先级机制是很重要的
选择器都有一个权值,权值越大越优先;当权值相等时,后出现的样式表设置要优于先出现的样式表设置;创作者的规则高于浏览者:即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式;继承的CSS 样式不如后来指定的CSS 样式;在同一组属性设置中标有“!important”规则的优先级最大。

CSS

IE的CSS渲染跟其它浏览器有什么不同

浏览器兼容需要对IE的工作模式有所了解
由于IE系浏览器对标准的支持不够好,导致Web开发中经常需要去处理浏览器兼容性问题,特别有些莫名其妙的问题很让人头疼。如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。之所以说是一般情况是因为可以使用!important来改变这种顺序,比如外部样式如果某个样式项使用了!important来提高优先级,其优先级将比内联样式高。

HTML

IE8的兼容渲染模式X-UA-Compatible

X-UA-Compatible介绍
X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模式。

CSS

你了解IE的haslayout(拥有布局)吗?

haslayout是IE渲染引擎的一个内部组成部分
我们那知道浏览器有bug,而且Windows上的lE的bug 似乎比太多数浏览器都多。IE/Win的表现与其他浏览器不同的原因之一是,显示引擎使用一个称为布局(layout)的内部概念。因为布均是一个专门针对显示引擎内部工作方式的概念,所以一般悄况下不需要了解它。但是,布局问题是许多IE/Win显示bug的根源,所以理解这个概念以及它如何影响CSS是有悟助的。
1 / 1 首页 < Prev 1 Next > 尾页 页码: