北京
北京
成都
杭州
三亚
东莞
苏州
上海
深圳
天津
济南
西安
南昌
大连
石家庄
长沙
广州
南宁
沈阳
长春
宁波
昆明
青岛
常州
海南
重庆
无锡
郑州
合肥
南京
佛山
武汉
更多城市
鞍山
北京
保定
北海
包头
蚌埠
成都
长沙
长春
常州
重庆
东莞
大连
大庆
福州
佛山
广州
桂林
贵阳
赣州
杭州
海南
合肥
哈尔滨
衡水
湖州
淮安
惠州
衡阳
邯郸
呼和浩特
更多城市
济南
吉林
江门
嘉兴
济宁
江阴
九江
昆明
昆山
廊坊
兰州
洛阳
聊城
临沂
连云港
柳州
乐山
马鞍山
绵阳
南昌
南宁
宁波
南京
南通
青岛
秦皇岛
泉州
三亚
苏州
上海
深圳
石家庄
沈阳
绍兴
汕头
宿迁
天津
唐山
太原
泰州
厦门
更多城市
无锡
武汉
威海
潍坊
西安
厦门
徐州
烟台
扬州
银川
郑州
珠海
舟山
更多城市
首页
新房
本月开盘
热门楼盘
本月交房
楼盘新动态
特价房
楼盘导购
新房排行榜
购房知识
看房团
特价房
二手房
在售房源
业主真房源
特价房
找小区
找别墅
查成交
二手房排行榜
购房知识
法拍房
我要卖房
直播看房
租房
在租房源
个人房源
整租房源
合租房源
别墅房源
租房知识
免费发布出租
查房价
装修家居
家装案例
装修效果图
装修攻略
家居圈
家居资讯
建材店铺
免费设计
免费验房
装修报价
商铺写字楼
写字楼出租
写字楼出售
写字楼新盘
写字楼楼盘
商铺出租
商铺出售
商铺新盘
商铺楼盘
海外房产
澳大利亚房产
新加坡房产
马来西亚房产
泰国房产
日本房产
阿联酋房产
资讯
房产快讯
房产问答
房产知识
房产圈
百科
直播看房
地产数据
房产交易
土地市场
研究报告
物业数据
数据商城
更多
土地
产业
中指云
地产数据
土地市场
研究报告
百城价格指数
地产文库
数据商城
业主论坛
精华帖
装修论坛
购房圈
VR全景看房
加盟房天下
房天下视频
更多服务
开发云
土地云
经纪云
登录
立即注册
我的房天下
特价房
我的房产圈
退出
房天下
>
北京业主论坛
>
风景线
>
是什么影响了css的渲染速度 - 建站学
上一页
|
1
|
/
1页
go
主题:
是什么影响了css的渲染速度 - 建站学
spw895hz43c
发表于
2012-11-01
进微信群讨论
你对CSS渲染速度的概念是否了解,这里和大家分享一下10条影响CSS渲染速度的写法,相信本文介绍一定会让你有所收获。
10条影响CSS渲染速度的写法
这篇文章主要写的提高在客户端浏览器的渲染速度的CSS部分,暂时总结了10条。
1、*{}#zishu*{}尽量避开
由于不同浏览器对标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险,者通常会在CSS的一个始就把 标签的默认属性全部去除,以达到 签标属性值都统一的效果。所以就有了*通配符。*会遍历 的标签;
*{margin:0;padding:0}
如果这样写,页面中 的标签的margin全是0;padding也是0;
#zishu*{margin:0;padding:0}
如果这样写,在id等于zishu下边的 标签的margin全是0;padding也是0,shijzfp8.com;
这样写的问题是:
a.遍历会消耗很多的时间,如果你的HTML代码写的不规范或是某一签标没有必合,这个时间可能还会更长;
b.很多的标签本来就没有这个属性或属性本身就是统一的,那么更给设置一次,也有时间的开消;
建议的的解决办法:
a.不要去使用生僻的标签,因为这些标签往往在不同浏览器中解释出来的效果不一样;所以你要尽可能的去使用那些常用的标签;
b.不要使用*;而是把你常用到的这些标签进行处理;例如:body,li,p,h1{margin:0;padding:0}
2、的一些东西不要去用
IE的一些滤镜在中不支持,往往写一些效果时你还是使用CACK;而滤镜是一个 毫资源的东西;是一些羽化、阴影和一个前透明的效果;
例如一个阴影效果:
建议的解决办法:
a.能不使用就不要使用,一方面兼容问题;很多效果只能在IE中使用;
b.就本例而言,如果非要这样在的效果,建议用图片作背景;(只说速度,实际应用还是可以小部分用,有人可能会说,用图片还多一个请求呢,呵呵..)
一个 好的例子,就是在今年512大地震时,很多网站一夜之间全部变成了灰色,他们只用了一行CSS代码:
查看复制打印
body{filter:gray;} body{filter:gray;}
但,你会看会看到这些网页 的慢,打开后你的CPU也会飙升,不夸张的说,如果你的电脑配置差,干死你也不为过。
Related articles:
简单学习ASP连接数据库方法
上一页
|
1
|
/
1页
go
10条影响CSS渲染速度的写法
这篇文章主要写的提高在客户端浏览器的渲染速度的CSS部分,暂时总结了10条。
1、*{}#zishu*{}尽量避开
由于不同浏览器对标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险,者通常会在CSS的一个始就把 标签的默认属性全部去除,以达到 签标属性值都统一的效果。所以就有了*通配符。*会遍历 的标签;
*{margin:0;padding:0}
如果这样写,页面中 的标签的margin全是0;padding也是0;
#zishu*{margin:0;padding:0}
如果这样写,在id等于zishu下边的 标签的margin全是0;padding也是0,shijzfp8.com;
这样写的问题是:
a.遍历会消耗很多的时间,如果你的HTML代码写的不规范或是某一签标没有必合,这个时间可能还会更长;
b.很多的标签本来就没有这个属性或属性本身就是统一的,那么更给设置一次,也有时间的开消;
建议的的解决办法:
a.不要去使用生僻的标签,因为这些标签往往在不同浏览器中解释出来的效果不一样;所以你要尽可能的去使用那些常用的标签;
b.不要使用*;而是把你常用到的这些标签进行处理;例如:body,li,p,h1{margin:0;padding:0}
2、的一些东西不要去用
IE的一些滤镜在中不支持,往往写一些效果时你还是使用CACK;而滤镜是一个 毫资源的东西;是一些羽化、阴影和一个前透明的效果;
例如一个阴影效果:
建议的解决办法:
a.能不使用就不要使用,一方面兼容问题;很多效果只能在IE中使用;
b.就本例而言,如果非要这样在的效果,建议用图片作背景;(只说速度,实际应用还是可以小部分用,有人可能会说,用图片还多一个请求呢,呵呵..)
一个 好的例子,就是在今年512大地震时,很多网站一夜之间全部变成了灰色,他们只用了一行CSS代码:
查看复制打印
body{filter:gray;} body{filter:gray;}
但,你会看会看到这些网页 的慢,打开后你的CPU也会飙升,不夸张的说,如果你的电脑配置差,干死你也不为过。
Related articles:
简单学习ASP连接数据库方法