建设银行开通网站查询密码,淮北论坛租房信息,机械设计网站推荐,网站推广营销方法1. 浏览器的发展与CSS网页浏览器主要通过HTTP协议连接网页服务器而取得网页#xff0c;HTTP容许网页浏览器送交资料到网页服务器并且获取网页。目前最常用的 HTTP 是 HTTP/1.1#xff0c;这个协议在RFC2616中被完整定义。HTTP/1.1 有其一套Internet Explorer并不完全支援的标… 1. 浏览器的发展与CSS网页浏览器主要通过HTTP协议连接网页服务器而取得网页HTTP容许网页浏览器送交资料到网页服务器并且获取网页。目前最常用的 HTTP 是 HTTP/1.1这个协议在RFC2616中被完整定义。HTTP/1.1 有其一套Internet Explorer并不完全支援的标准然而许多其他当代的网页浏览器则完全支援这些标准。网页的位置以URL统一资源定位符指示此乃网页的地址以http:开首的便是通过 HTTP协议登陆。很多浏览器同时支援其他类型的URL及协议例如ftp:是FTP档案传送协议、gopher:是Gopher及https:是 HTTPS以SSL加密的HTTP。早期的网页浏览器只支援简易版本的HTML。专属软件的浏览器的迅速发展导致非标准的HTML代码的产生。但随着HTML的成长为了满足设计师的要求HTML获得了很多显示功能。随着这些功能的增加外来定义样式的语言越来越没有意义了。1994年哈坤·利提出了CSS的最初建议。伯特·波斯BertBos当时正在设计一个叫做Argo的浏览器他们决定一起合作设计CSS。当时已经有过一些样式表语言的建议了但CSS是第一个含有“层叠”的主意的。在CSS中一个文件的样式可以从其他的样式表中继承下来。读者在有些地方可以使用他自己更喜欢的样式在其他地方则继承或“层叠”作者的样式这种层叠的方式使作者和读者都可以灵活地加入自己的设计混合各人的爱好。1997年初W3C内组织了专门管CSS的工作组其负责人是克里斯·里雷。这个工作组开始讨论第一版中没有涉及到的问题其结果是1998年5月出版的第二版要求。到2007年为止第三版还未完备。2. 浏览器是如何渲染页面和加载页面为什么有些网站打开的时候会加载会很慢而且是整个页面同时显示的而有些网站是从顶到下逐步显示出来的要搞懂这个可以先从下面这个常规流程开始浏览器下载的顺序是从上到下渲染的顺序也是从上到下下载和渲染是同时进行的。在渲染到页面的某一部分时其上面的所有部分都已经下载完成并不是说所有相关联的元素都已经下载完。如果遇到语义解释性的标签嵌入文件JS脚本CSS样式那么此时IE的下载过程会启用单独连接进行下载。并且在下载后进行解析解析过程中停止页面所有往下元素的下载。样式表在下载完成后将和以前下载的所有样式表一起进行解析解析完成后将对此前所有元素含以前已经渲染的重新进行渲染。JS、CSS中如有重定义后定义函数将覆盖前定义函数。这里关键的是第2-5这三点。渲染效率与下面三点有关css选择器的查询定位效率浏览器的渲染模式和算法要进行渲染内容的大小3. 什么是CSS以及CSS的优点什么是CascadingStyleSheets层叠样式表CSS是CascadingStyleSheets(层叠样式表)的简称。CSS 语言是一种标记语言它不需要编译可以直接由浏览器解释执行属于浏览器解释型语言。在标准网页设计中CSS负责网页内容 (XHTML)的表现。CSS文件也可以说是一个文本文件它包含了一些CSS标记CSS文件必须使用css为文件名后缀。可以通过简单的更改 CSS文件改变网页的整体表现形式可以减少我们的工作量所以她是每一个网页设计人员的必修课。CSS是由W3C的CSS工作组产生和维护的。采用CSSDIV进行网页重构相对与传统的TABLE网页布局而具有以下3个显著优势表现和内容相分离将设计部分剥离出来放在一个独立样式文件中HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。提高页面浏览速度对于同一个页面视觉效果采用CSSDIV重构的页面容量要比TABLE编码的页面文件容量小得多前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。易于维护和改版你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。4. 浏览器对CSS的匹配原理浏览器CSS匹配不是从左到右进行查找而是从右到左进行查找。比如之前说的DIV#divBoxpspan.red{color:red;}浏览器的查找顺序如下先查找html中所有class’red’的span元素找到后再查找其父辈元素中是否有p元素再判断p的父元素中是否有id为 divBox的div元素如果都存在则CSS匹配上。浏览器从右到左进行查找的好处是为了尽早过滤掉一些无关的样式规则和元素。firefox称这种查找方式为keyselector(关键字查询)所谓的关键字就是样式规则中最后(最右边)的规则上面的key就是span.red。5. 优化你的CSS所谓高效的CSS就是让浏览器在查找style匹配的元素的时候尽量进行少的查找下面列出一些我们常见的写CSS犯一些低效错误1. 不要在ID选择器前使用标签名。一般写法DIV#divBox更好写法#divBox。解释因为ID选择器是唯一的加上div反而增加不必要的CSS匹配。2. 不要在class选择器前使用标签名。一般写法span.red更好写法.red。解释同第一条但如果你定义了多个.red而且在不同的元素下是样式不一样则不能去掉比如你css文件中定义如下p .red{color:red;}span .red{color:#ff00ff}如果是这样定义的就不要去掉去掉后就会混淆不过建议最好不要这样写。3. 尽量少使用层级关系。一般写法#divBoxp.red{color:red;}更好写法.red{..}4. 使用class代替层级关系。一般写法#divBoxullia{display:block;}更好写法.block{display:block;}5. 在css渲染效率中id和class的效率是基本相当的。class最在第一次载入中被缓存在层叠中会有更加好的效果在根部元素采用id会具有更加好id有微妙的速度优势。 转载于:https://www.cnblogs.com/lechie/archive/2012/03/12/2391686.html
