就 CSS3 向 Eric Meyer 请教的 6 个问题

《Eric Meyer谈CSS(卷2)》深度解析与实践指南 理解和自定义盒模型对于布局调试和优化至关重要。开发者可以通过box-sizing属性来选择使用哪种盒模型,并通过调整paddingborder和margin属性来精细控制布局效果。/* 使用替代盒模型 */* {/* 设定元素的内边距不会增加其尺寸 */在上述代码中,.container元素的实际宽度保持为200px,无论内边距、边框和外边距如何变化,元素的总宽度不会受到影响。 阅读详情

Eric A. Meyer 对基于 Web 标准的 CSS 与 HTML 绝非一知半解,他是这个领域杰出的专家,曾写过不少 CSS 方面的书,是 An Event Apart 的合伙创始人,A List Apart 团队成员,还是 Complex Spiral Consulting 的创始人。另外, Eric Meyer 7年来一直是 CSS Working Group 资格深获邀专家,他们负责维护和开发 CSS。

Eric Meyer on CSS3 - photo courtesy of Chris Jennings.

不用说,如果要找个人请教一些 CSS 方面的问题,Eric Meyer 就是那个人。本文作者日前向 Eric Meyer 提问了7个与 CSS3 有关的问题,以下是 Eric Meyer 对这些问题的解答。

你认为 CSS3 对 CSS 最令人振奋的扩展在哪里?

[Eric Meyer]: 高级选择器(advanced selectors)。诚然,透明度,圆角,多背景图都是很好的东西,但这些 Web 2.0 设计元素比起诸如指定从表格的第5行开始3的倍数行来还不是那么大不了。再比如,选择一个对象内的第一段内容,或者选择列表框中最后一个项目。

另外,Web 字体也会是很 Cool 的东西。

我们谈谈 CSS 细则中的模块化问题。CSS3 的 CSS 细则是模块化的。这将对 CSS3 的进度和被接受程度带来什么影响?

[Eric Meyer]: CSS3 不会再象 CSS2 那样有一套严密的细则,CSS3 只是一些并行出发的努力,一些快,一些慢而已。坦率地讲,我也不知道 CSS3 会被如何接受。5年前,CSS 曾一度停顿,我称之为“IE 空白期”,仅仅是最近几年,才有不少新的浏览器开始推动 CSS 的发展。

从另一方面讲,你可以争辩说那个停顿期是有益的,让浏览器厂商有时间去修复 BUG 而不是自行其事。我也赞成,但我的真实想法是,鉴于以前的状况,我们很难预测 CSS3 会被怎样接受。我觉得一些分歧导致开发的迟缓,这只是我的感觉,这也是我为什么离开 CSS 工作组的原因。我现在只是偶尔被邀请从事一些别的 W3C 工作。

刚看过 CSS 新选择器细则建议,好象 DOM 中以前大量通过 JavaScript 进行的工作都可以在 CSS 中完成。比如,你现在可以通过 CSS 选择表格的偶数行并分配特殊的式样,从而实现以前只能靠 JavaScript 实现的条纹式表格。

JavaScript 是否影响了 CSS,它们在现代 Web 设计中的作用将如何区分,它们会越来越分离还是越来越融合?

[Eric Meyer]: 据我所知,受影响最大的是一些 JS 框架,如 jQuery,它们受 CSS 的影响。不过,也有另外的一些趋势,一些 JS 中的东西也被 CSS 工作组参考。

我认为 JS 对 CSS 更大的影响是,人们使用 JS 为浏览器带来高级 CSS 功能,我最近写过这方面的文章。我们已经看到人们使用 JS 让浏览器发声,或者对一些过去的可访问性问题进行变通,通过 JS 实现 HTML5 和 CSS3 效果的日子也很快会到来。

如果我们想学习 CSS3,有那些资源可以利用?

[Eric Meyer]: http://css3.info/ 是很好的开端,那里有大量的资料。

CSS越来越庞大,越来越复杂。你觉得 CSS3 的每一次模块升级是否应使用版本号区分,如 CSS3.1, CSS3.2, 而不是象 CSS1 或 CSS2 那样?

[Eric Meyer]: 是,那是个好主意。但我并不指望这个能实现因为这不现实。你只能用那些成熟的模块,当多个模块都同时成熟的几率很低。

作为开发者和设计者,我们可以为 CSS3 的开发和采用提供什么帮助?

[Eric Meyer]: 在博客,Twitter,论坛中写文章,告诉人们你想用什么样的功能,用你自己的办法模拟这些功能,向浏览器开发商提出请求,在目前的 CSS3 中寻找 BUG。这就是我们所能对 CSS3 所起的推动作用。

更多阅读

本文国际来源:http://sixrevisions.com/interviews/six-questions-eric-meyer-on-css3/
中文翻译来源:COMSHARP CMS

[Eric.Meyer谈CSS(第二卷)].(美国)Eric.Meyer.清晰版.djvu [Eric.Meyer谈CSS(第二卷)].(美国)Eric.Meyer.清晰版.djvu 带目录索引 立即下载

相关推荐

Eric Meyer谈CSS(卷1)、(卷2)中文版

内含“Eric Meyer谈CSS(卷1)”和“Eric Meyer谈CSS(卷2)”,pdf格式,中文版。(英文版名为“Eric Meyer on CSS”) 内容简介: 卷1:由CSS界传奇人物Eric Meyer所著,通过13个典型项目,完美结合理论与实践,展现CSS的无穷魅力。前端编程开发者必看书籍,推荐给大家。 卷2:本书中世界级CSS大师 Eric Meyer讲述了自己极富价值的CSS项目经验,运用实例,采取手把手的方式来教授CSS。Eric Meyer通过10个典型项目,包括相册列表、财务报表、列表菜单、网志以及一个禅意花园设计等,将深刻的理论、独到的学习方法和宝贵的实践经验完美结合起来,为我们展示了CSS的无穷魅力。本书适合所有Web开发和设计人员阅读。 作者简介: Eric A.Meyer,最负盛名的世界级HTML和CSS专家,W3C CSS&FP工作组成员,W3C CSS测试套件的负责人,有10多年Web开发和设汁经验。他的复杂螺旋设计(见》Eric Meyer谈CSS(卷1)第12章)入选W3C CSS名人堂。他是非常活跃的技术作家,除本书及其姊妹篇外,他还著有《CSS权威指南》和一系列著名的网络教程。

《精彩绝伦的CSS[(美)Eric A. Meyer] 》最新

介绍:《精彩绝伦的CSS》是国际知名CSS 大师写就的实用教程,分为3 部分。第一部分介绍了CSS 基础知识,对一些常用工具和基本技术进行了介绍,包括CSS 选择器等。第二部分展示了各种CSS 效果,包括同一效果的不同实现方式,并讲解了布局设计。第三部分介绍前沿技术,主要是最新HTML5 和CSS3 技术。打造现代布局的专业技术《精彩绝伦的CSS》远非只是介绍基础知识,它不仅全面细致地讲解布局与效...

CHENSSGG的博客 402

浅析ArcGis中的软件——ArcMap、ArcScene、 ArcGlobe、ArcCatalog

ArcMap:是集空间数据显示、矢量数据编辑、冲突数据检查(拓扑检查)、查询检索(地理编码)、统计(字段属性表)、报表生成、空间分析(ArcGIS Spatial Analyst)和高级制图(制图表达)等众多功能干一体的桌面应用平台软件。而且提供所见即所得的符号编辑器,令用户可以随心所欲地生成任意复杂的点、线、面符号。所支持的空间数据格式包括Arclnfo coverages、ESRI shapefiles、ArcSDE lavers、DXF、DWG、DGN、常见的图像格式、GRIDs、TINs等。

lxlmycsdnfree的博客 6569

Eric Meyer’s “Reset CSS” 2.0

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, a

SueJun的博客 1540

nvlddmkm事件ID14报错排查全指南:从找不到描述到显卡驱动崩溃

系统日志中的“无法找到描述”往往让人一头雾水,但这类提示其实隐藏着驱动故障的关键线索。Windows事件查看器通过事件源和ID记录系统异常,其中显卡驱动相关的内核模式驱动组件一旦超时失败,就会触发TDR机制,产生13、14、153等不同事件ID。理解这些ID的含义,比纠结“找不到描述”本身更重要。对于频繁出现的驱动崩溃问题,可以从日志频率和发生场景判断方向,再通过安全模式下彻底清理驱动、关闭冲突软件、检查供电和温度等步骤逐层定位。无论是游戏满载黑屏,还是睡眠唤醒后闪退,掌握NVIDIA驱动日志的解读逻辑,都

weixin_30545945的博客 420

Windows 10/11 安装 HYSPLIT 气象模型全攻略(附必备工具包下载清单)

本文提供了一份详尽的Windows 10/11系统下HYSPLIT气象模型安装与配置全攻略。指南涵盖了从核心认知、必备工具包(Tcl/Tk、ImageMagick)下载,到分步安装、环境变量设置及首次运行验证的完整流程,旨在帮助研究者和学生高效部署这一用于大气轨迹模拟与污染物扩散分析的专业工具。

weixin_28335283的博客 612

html 5table-cell,css - HTML5 Table cell padding - different in browsers - Stack Overflow

I've broken this down to a fairly simple example.For me, it looks different in Chrome 7.0 than it does in Firefox 3.6.12. IE 9 beta looks like Chrome.I'd like to be able to set padding on the TD, and...

weixin_36387104的博客 170

滤波电路Multisim电路仿真实验汇总——硬件工程师笔记

本文系统介绍了滤波电路的基础知识及其应用。首先按频率选择性和实现方式对滤波电路进行分类,详细阐述了低通、高通、带通、带阻滤波器以及无源、有源滤波器的特点。接着重点分析了桥式整流电容滤波、电感滤波、LC滤波和CRπ型滤波四种典型电路的工作原理、应用场景及设计要点。通过理论公式和实际案例,指导如何选择滤波元件参数,考虑寄生效应,并通过仿真验证设计效果。最后提供了硬件工程师笔试面试相关的技术资源链接,包括器件知识、电路仿真及企业真题解析等内容。本文可作为电子电路设计领域工程技术人员的学习参考资料。

XU157303764的博客 2167

【CSS】著名的Eric Meyer重置

标记一发~~ /*http://meyerweb.com/eric/tools/css/reset/ v2.0|20110126 License:none(publicdomain) */ html,body,div,span,applet,object...

chishuajiao6893的博客 121

某招标公告网和vcaptcha验证码识别逆向

本文分析了某验证码系统的加密流程及破解思路。首先通过反混淆技术定位到加密函数,拆解了包含指纹函数、环境参数等组成的加密字符串。研究发现验证码生成涉及canvas指纹、环境检测等反爬机制,可通过模拟浏览器环境绕过。验证过程需要解密图片顺序,通过work2.js计算还原图片位置,再结合滑动轨迹、时间等参数生成验证请求。文章仅提供技术研究思路,强调需遵守法律法规,严禁非法破解信息系统。完整流程包括环境模拟、加密参数还原、图片处理和轨迹生成等步骤,成功率较高。

码王吴彦祖的博客 583

特征拼接(Feature Concatenation)技术全景解析

特征拼接是深度学习中的核心特征融合技术,通过在指定维度连接不同来源的特征张量,创造性地解决了多源、多尺度特征融合的关键挑战。这种简单却强大的操作已成为现代神经网络架构设计的基石。

浩瀚之水的专栏 1642

前端经典CSS重置:Meyer Reset

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abb...

51yunOA 568

RK3566/RK3568 Android 11添加系统服务

【代码】RK3566/RK3568 Android 11添加系统服务。

qq_23921815的博客 641

Eric Meyer Reset CSS 和 YUI reset css

http://yuilibrary.com/yui/docs/cssreset/ EricMeyer Reset CSS html, body, div, span, applet, object, iframe, table,caption,       tbody,

走走停停,停停走走…… 590

为YOLOv11引入加权双向特征金字塔(BiFPN)

本文介绍了将BiFPN应用于YOLOv11模型以提升边缘设备上小目标检测精度的实践。针对传统FPN在特征融合时的信息丢失问题,采用带可学习权重的BiFPN结构进行改造,实现了不同层级特征的动态融合。重点阐述了WeightedFeatureFusion模块的实现细节、neck结构改造方法及训练部署注意事项。实验表明,该改进使小目标AP提升3.1%,参数量仅增加5%,在精度和效率间取得良好平衡。文章还分享了权重初始化、归一化处理等实用技巧,并强调需根据数据特性评估改进效果,重新计算anchor等关键点。

as1225120794的博客 352

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

重置样式 - Eric Meyer的原版

重置样式就是一组CSS声明,用来覆盖不同浏览器渲染HTML元素时的各种默认样式。重置样式一般会被加入到主样式文件的开头,用来将各个浏览器的自有默认样式重置成统一表现,确保样式表中后续追加的样式在不同浏览器中有相同的显示效果。世界上没有完美的重置样式,许多开发者都有自己的一套。以下是Eric Merer的原版(http://meyerweb.com/eric/tools/css/reset/): ...

weixin_30640291的博客 172

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

More Eric Meyer on CSS

版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章原始出版、作者信息和本声明。否则将追究法律责任。http://blog.youkuaiyun.com/topmvp - topmvpMore Valuable CSS Projects from the Master-Eric Meyer!Just like its predecessor, this book takes a hands-

TopMVP 571

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

CSS Reset(样式重置)

CSS Reset,意为重置默认样式。HTML中绝大部分标签元素在网页显示中都有一个默认属性值,通常为了避免重复定义元素样式,需要进行重置默认样式(CSS Reset)。举几个例子: 1.淘宝(CSS Reset): html { overflow-x:auto; overflow-y:scroll; } body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td { font-weight:400; mar

weixin_43758377的博客 1万+

Eric Meyer css reset

@charset "utf-8"; html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,sma

zhcscs的博客 520

Css Reset -Css样式重置

  在网页实际开发过程中,如果将来网页的浏览者存在使用不同的浏览器(IE, Google, FireFox, Opera, Safari等)对网页进行解析展示的可能,那么我们就不得不从完美的理想预期中转回到本真的现实情况。在设计师们的梦想中都存在着一个十分完美的世界:所有的浏览器都能够理解和适用所有的CSS规则,并且呈现相同的视觉效果(不存在兼容性问题)。但是在实际环境中,在很多情况中事与愿违,很多的css样式在不同内核的浏览器中有着不同的解释和呈现,这就导致了您所期望的预期效果和浏览器解释的实际效果略有差

jiuyisir的博客 3723

Eric Meyer’s CSS 清零代码

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, str

BOBAY的专栏 1051

重置样式表(meyer.css)

重置样式表的目的是减少浏览器在默认行高度、边距和标题字体大小等方面的不一致性。

lvh98的博客 2295

重置样式css(Eric Meyer的原版)

原网址:http://www.cnblogs.com/zzuIvy/p/resetCss.html 重置样式就是一组CSS声明,用来覆盖不同浏览器渲染HTML元素时的各种默认样式。重置样式一般会被加入到主样式文件的开头,用来将各个浏览器的自有默认样式重置成统一表现,确保样式表中后续追加的样式在不同浏览器中有相同的显示效果。世界上没有完美的重置样式,许多开发者都有自己的一套。以下是

wzm10455的专栏 1133
上一篇: 调查报告:公司博客(Corporate Blogs )可信度最低
下一篇: InfoWorld一周IT新闻测验 - 看看你对技术新闻的敏感程度
comsharp
博客等级 码龄20年 1475粉丝 41原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值