Web页面优化(转)

首先从一次完整的的请求说起:(以此为例get,www,baidu.com)1,webbrower 发出request,2,然后解析www.baidu.com为ip,找到ip的服务器,3,服务器处理请求资源并返回请求的内容,4,browser接受请求内容过程,(返回内容是按顺序读取的)4.1遇到外联css,就会并发去读取css内容(),4.2遇到图片时,回去并发读取图片,目前浏览器的并发数为2,4.3遇...
阅读(454) 评论(0)

CSS Six Model Description

CSS 属性覆盖规则: 最高优先级覆盖底优先级。1. 含有!important 字符的属性覆盖其它的非non重要字符。2. 属性直接嵌入在属性的style之内。3. 基于ID的CSS属性设置。4. 有一个或者多个class 属性的或者伪书性。    For example, *.c10{border:4px solid black;} takes priority over div{border:2px solid black;}.<b...
阅读(538) 评论(0)

CSS Attributes Reference

1. left设置元素的左边距,该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。注释:如果 "position" 属性的值为 "static",那么设置 "left" 属性不会产生任何效果。说明对于 static 元素,为 auto;对于长度值,则为相应的绝对长度;对于百分比数值,为指定值;否则为 auto。对于相对定义元素,left 的计算值始终等于 right。2.  position: absolute/relatvi...
阅读(529) 评论(0)

CSS中的元素选择器 CSS 伪类 (Pseudo-classes)

h1 > p:    直接子节点。h1 + p :   共享同一个父亲节点;  这个选择器读作:“选择紧接在 h1 元素后出现的段落,h1 和 p 元素拥有共同的父元素”。 锚伪类在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态。a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问...
阅读(656) 评论(0)

CSS属性部分选择机制

img[title~="Figure"] {border: 1px solid gray;}这个规则会选择 title 文本包含 "Figure" 的所有图像。没有 title 属性或者 title 属性中不包含 "Figure" 的图像都不会匹配。类型描述[abd^="def"]选择 abc 属性值以 "def" 开头的所有元素[abd$="def"]选择 abc 属性值以 "def" 结尾的所有元素[abd*="def"]选择 abc 属性值中包含子串 "def" 的...
阅读(490) 评论(0)

JQuery -4 Ajax

$(tag).html(block code):  replace the current matched code block.$.support.opacity:  detect the support of the opacity$(tag).load(xx.html):  load the whole html file.//匹配到,就添加handler $('#description').live('mouseover', f...
阅读(469) 评论(0)
    个人资料
    • 访问:1692121次
    • 积分:14209
    • 等级:
    • 排名:第919名
    • 原创:353篇
    • 转载:48篇
    • 译文:0篇
    • 评论:262条
    SearchEngin