pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

真的還需要reset.css么?

真的還需要reset.css么?HTML5中文學習網,是中國最大的HTML5中文門戶,為廣大HTML5愛好者提供各種HTML5資料,包括HTML5網站、HTML5資訊、HTML5應用、HTML5游戲、HTML5教程、HTML5視頻、HTML5論壇等

 我博客瀏覽量靠前的一直是《打造自己的reset.css》,

然而,我對此的觀點也已經有所改變,
所以,我覺得是時候寫一篇博客闡述一下目前我的理解了。
注意,這是篇激進的博文,其觀點并不客觀中立,僅僅表示出我目前的想法。

是否使用*{MARGIN:0;PADDING:0}

實際上,我現在根本不避諱*{margin:0;padding:0}這種寫法了。
我從未看到過真正有關于這個對性能有影響的報告
也不覺得下面Eric的重置樣式比起這玩意有多高明之處

CSS Code復制內容到剪貼板
  1. html, body, div, span, applet, object, iframe,  
  2. h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
  3. a, abbr, acronym, address, big, cite, code,  
  4. del, dfn, em, font, img, ins, kbd, q, s, samp,  
  5. small, strike, strong, sub, sup, tt, var,  
  6. b, u, i, center,  
  7. dl, dt, dd, ol, ul, li,  
  8. fieldset, form, label, legend,  
  9. table, caption, tbody, tfoot, thead, tr, th, td {  
  10.     margin: 0;  
  11.     padding: 0;  
  12.     border: 0;  
  13.     outline: 0;  
  14.     font-size: 100%;  
  15.     vertical-alignbaselinebaseline;  
  16.     backgroundtransparent;  
  17. }  

上面的代碼波及面一樣很大,難道就不造成性能問題了?
到寫具體元素樣式代碼的時候就不會因此受到reset.css的影響了?
扯淡!
現在回過頭來看去年3月寫的那篇博客《打造自己的reset.css》,
覺得有些想法是人云亦云,有些想法過于幼稚了。
另外找到了一篇博文支持我這種看法,可以看看
關于CSS RESET,關于*{margin:0;padding:0}

其他表現不同的元素

除此padding和margin之外,如果一個元素在不同瀏覽器內表現顯著不同,
那何不直接在用到的那個頁面寫css呢?
何必為了少數元素的表現,寫到全局的reset中呢?
實際上隨著IE6的逐漸老去,這種差異已經越來越小了
而我們關心的依然是主流瀏覽器,IE6,IE7和IE8,這3個是絕對主流,
以及我們自己會用的Firefox和Chrome或者其他
那么只要這幾個主流瀏覽器測試下來沒問題,就沒問題了,
有必要花成本關心其他更小眾的瀏覽器么?

另外,我們實際中也很少對頁面設計需要對任何元素精確到像素級的還原,
只要整體表現得當,個別元素的出格(更多的是跟操作系統有關)無傷大雅。
實際上我就沒看到有人非得把表單按鈕重置到讓mac系統下的樣子跟win下一樣。

原汁原味的元素

很多元素瀏覽器默認樣式就都一樣(至少大致差不離),并且都很不錯
比如 ins 和 del 這種,還有 strong 以及 em 這類。
默認樣式不好么?如果到頭來也不過就是讓strong變成粗體,em變成斜體
那還不如不要重置呢。
如果有自己的想法呢,希望全局都一樣呢?不如寫 global.css 吧!

RESET.CSS VS GLOBAL.CSS

是的,很多網站都要追求全局的一些樣式的統一,
為此要用reset.css重置一下,然后再用global.css來定義全局樣式。
那我說,為何不直接用global.css取代reset.css的功能?
一樣要定義,何不一步到位?
先重置,再定義,難道是帶寬富余的沒處用了?

舉例來說,上面提到的 strong 和 em 元素。
如果希望全局都是加粗的斜體的,個別地方有其他樣式,那自然無需重置樣式
而如果全局都不要加粗斜體,有統一特殊的強調樣式,那簡單,直接在global.css里寫就好了。
如果全局都不要加粗斜體,但不同地方有不同樣式,那也簡單,
在global.css寫入重置樣式,都變成正常字體即可,這就是取代了reset.css的功能了。

于是乎,目前我的觀點是:reset.css這種先重置再定義的模式可以放棄了,一步到位,根據不同網站的特點編寫不同的global.css,效果會更好。
所以,我很支持 No CSS Reset

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

主站蜘蛛池模板: 美国查特CHART MVE液氮罐_查特杜瓦瓶_制造全球品质液氮罐 | 铆钉机|旋铆机|东莞旋铆机厂家|鸿佰专业生产气压/油压/自动铆钉机 | YAGEO国巨电容|贴片电阻|电容价格|三星代理商-深圳市巨优电子有限公司 | 百方网-百方电气网,电工电气行业专业的B2B电子商务平台 | 制丸机,小型中药制丸机,全自动制丸机价格-甘肃恒跃制药设备有限公司 | 沥青灌缝机_路面灌缝机_道路灌缝机_沥青灌缝机厂家_济宁萨奥机械有限公司 | 大流量卧式砂磨机_强力分散机_双行星双动力混合机_同心双轴搅拌机-莱州市龙跃化工机械有限公司 | 济南ISO9000认证咨询代理公司,ISO9001认证,CMA实验室认证,ISO/TS16949认证,服务体系认证,资产管理体系认证,SC食品生产许可证- 济南创远企业管理咨询有限公司 郑州电线电缆厂家-防火|低压|低烟无卤电缆-河南明星电缆 | 船用泵,船用离心泵,船用喷射泵,泰州隆华船舶设备有限公司 | 大米加工设备|大米加工机械|碾米成套设备|大米加工成套设备-河南成立粮油机械有限公司 | 3d可视化建模_三维展示_产品3d互动数字营销_三维动画制作_3D虚拟商城 【商迪3D】三维展示服务商 广东健伦体育发展有限公司-体育工程配套及销售运动器材的体育用品服务商 | 不锈钢闸阀_球阀_蝶阀_止回阀_调节阀_截止阀-可拉伐阀门(上海)有限公司 | 低气压试验箱_高低温低气压试验箱_低气压实验箱 |林频试验设备品牌 | 定制防伪标签_防伪标签印刷_防伪标签厂家-510品保防伪网 | 青岛侦探调查_青岛侦探事务所_青岛调查事务所_青岛婚外情取证-青岛狄仁杰国际侦探公司 | 精雕机-火花机-精雕机 cnc-高速精雕机-电火花机-广东鼎拓机械科技有限公司 | 上海新光明泵业制造有限公司-电动隔膜泵,气动隔膜泵,卧式|立式离心泵厂家 | 流量卡中心-流量卡套餐查询系统_移动电信联通流量卡套餐大全 | 高低温试验箱-模拟高低温试验箱订制-北京普桑达仪器科技有限公司【官网】 | 铸铝门厂家,别墅大门庭院大门,别墅铸铝门铜门[十大品牌厂家]军强门业 | PVC地板|PVC塑胶地板|PVC地板厂家|地板胶|防静电地板-无锡腾方装饰材料有限公司-咨询热线:4008-798-128 | 「安徽双凯」自动售货机-无人售货机-成人用品-自动饮料食品零食售货机 | 石家庄装修设计_室内家装设计_别墅装饰装修公司-石家庄金舍装饰官网 | 长沙网站建设制作「网站优化推广」-网页设计公司-速马科技官网 | 济南品牌包装设计公司_济南VI标志设计公司_山东锐尚文化传播 | 粉丝机械,粉丝烘干机,粉丝生产线-招远市远东粉丝机械有限公司 | 原色会计-合肥注册公司_合肥代理记账公司_营业执照代办 | 篷房[仓储-婚庆-展览-活动]生产厂家-江苏正德装配式帐篷有限公司 | 考勤系统_人事考勤管理系统_本地部署BS考勤系统_考勤软件_天时考勤管理专家 | 净化车间_洁净厂房_净化公司_净化厂房_无尘室工程_洁净工程装修|改造|施工-深圳净化公司 | 合肥卓创建筑装饰,专业办公室装饰、商业空间装修与设计。 | 金属切削液-脱水防锈油-电火花机油-抗磨液压油-深圳市雨辰宏业科技发展有限公司 | 北京网站建设|北京网站开发|北京网站设计|高端做网站公司 | 透平油真空滤油机-变压器油板框滤油机-滤油车-华之源过滤设备 | 合肥抖音SEO网站优化-网站建设-网络推广营销公司-百度爱采购-安徽企匠科技 | 天津云仓-天津仓储物流-天津云仓一件代发-顺东云仓 | 直流电能表-充电桩电能表-导轨式电能表-智能电能表-浙江科为电气有限公司 | 锂辉石检测仪器,水泥成分快速分析仪-湘潭宇科分析仪器有限公司 | 楼梯定制_楼梯设计施工厂家_楼梯扶手安装制作-北京凌步楼梯 | 活性氧化铝|无烟煤滤料|活性氧化铝厂家|锰砂滤料厂家-河南新泰净水材料有限公司 | 热处理炉-退火炉-回火炉设备厂家-丹阳市电炉厂有限公司 |