css3 ie浏览器支持-CSS3 实用指南 [美国] Zoe Mickley Gillenwater Qu

2023-08-29 0 3,105 百度已收录

介绍

CSS3是Web样式表语言的最新版本,它不再是创造新的东西,更多的是提供一些神奇的新方法来实现常见且美观的网页设计效果,比六年来习惯的传统技术更准确和更准确。还可以产生更可用和灵活的结果。

CSS3在不断地变化和发展,因为支持CSS的浏览器在发展,网页设计者的意识也在不断增强。 它可以用来创造一些令人惊叹的酷技巧,这也是本书所强调的。 如果这种**对于现在的网站来说不实用的话,写书还有什么意义呢? 所以在本书中,我将致力于向大家传授这些可以改善网站体验并可以快速应用到日常工作中的 CSS 前沿知识。 方法。

本书不是CSS3百科全书或参考指南,它不会教你CSS2之后的新属性、选择器和值。 这些部分中最受欢迎、最有用和最常见的部分。 从第2章开始,每一章都会让你从几个例子练习中接触CSS3的新技术,最终完成一篇甚至一个页面。 您可以将此示例直接改编到您自己的项目中,或者获得启发来使用您创造性地学习的其他新属性、选择器和值。

从某种程度上来说,CSS3不仅是一种新的网页开发方法,更是一种新的思维方式。 例如,如何应用新属性 border-image 是一个难题,因为经过多年的网站开发,您可能不习惯将图像作为边框设计的选项。 因此,我整理了一份如何应用每个 CSS3 属性、选择器和值的清单,远远超出了我们在演示中使用的内容。 我希望能够提供足够的启发让你知道如何在项目中练习你的CSS3技术,辅以一些专业的方法来保证你能够运用自如。

本书的读者群

本书专门为那些具有 CSS 编写经验并希望将其网站和技术提升到新水平的读者而写。 我假设您已经了解 HTML 和 CSS 语法以及相关术语,但您不必是 CSS 专家,也不需要有使用 CSS3 新功能的经验。 无论您是CSS新手还是已经开发网站多年,本书还将教您一些强大的新方法来全面装备您。

实例文件

每章至少包含一个示例练习,使您有机会在真实页面中逐步练习该技术。 您可以从本书的官方网站 ( ) 下载这些文件以配合每个示例练习。 我为每个示例至少包含了两个文件 - 初始文件和完成文件,对于一些较长的示例,我提供了中间步骤版本,您可以定期比较它们,以确保您在自己的文件上做正确的事情。 改变。

您可以使用任何您熟悉的编辑器来处理本示例练习中的文件,编写 CSS 不需要特殊工具。 我个人使用Adobe Dreamweaver的代码视图(Code View)来手动编译CSS。 如果你也使用Dreamweaver或者类似的编辑器,相信你会选择手工编译。

虽然花了很多精力测试书中的代码,但难免会出现一些错误。 请通过本书网站上的电子邮件地址向我报告错误,我将在网站上做笔记,并在必要时更新示例练习文件。

有用的链接

每一章都包含一些有用的链接,指向可能对您有用的资源、文章、教程、工具和示例。 而直接点击链接无疑比按照书本输入网址更方便,所以我也在网站上总结了各章节有用的链接。

CSS3 是一个不稳定的主题,因此有时我会在新资源出现时更新这些链接列表。 您可以在书中的这些链接中找到提示,以从网络上查找最新信息。

浏览器

书中的例子已经在最新版本的主流浏览器上进行了测试。 在撰写本书时,浏览器版本为 Chrome 6、Firefox 3.6、IE 8、Opera 10.6 和 Safari 5。这些示例也在 IE 9 和 Firefox 4 的 beta 版本上进行了测试,但它们对最终版本的影响可能与书中描述的有所不同。

这些示例也在一些至今仍在广泛使用的旧浏览器(例如 IE 7 和 IE 6)上进行了测试。 很多情况下,CSS3对最新浏览器的影响一般也会在同一浏览器的较低版本中体现出来; 即使它们没有完全显现,页面仍然可以工作css3 ie浏览器支持,不仅可以工作,而且看起来不错。 对于每个功能,我们仍然会尽力寻找变通方法或替代解决方案,使其与这些原生不支持的浏览器兼容。

关于哪些浏览器支持特定功能,我将每章中引入的每个属性或选择器的兼容性整理到一个表格中。 对每个浏览器给出“是”、“部分”或“否”。 “是”表示浏览器支持所有的句型和行为,它可能有一些特别小的缺陷,或者可能不符合规范,但总体上符合规范。 “部分”是指浏览器仅支持部分句型和行为,可能存在重大缺陷或偏离规范。

有些 CSS3 属性只有在渲染引擎中前缀丰富时才会生效(你将在第 1 章中了解此类前缀属性)。 我已经在浏览器兼容性表中指出了在哪个浏览器下需要为哪些属性添加前缀。

为了应对新版本的浏览器支持而旧版本不支持的情况,我在兼容性表中标明了浏览器首先支持某个属性或选择器的版本号。 如果浏览器在最近几个版本中已经支持该属性或选择器,并且使用不支持该功能的版本的用户数量并不多,那么我不会在兼容性表中标明版本号,您可以所有版本该浏览器的版本被认为与其兼容。

注意 另一方面,当首次支持属性或选择器时特别值得指出时,我也会经常包含浏览器版本号。 例如,@font-face从IE 4时代就开始支持。

本书中的约定

本书使用了一些约定,这里有必要对其进行解释。

? W3C代表万维网联盟(World Wide Web Consortium),它是一个制定官方Web标准和规范(例如CSS3)的组织。

? IE 是 Windows Internet Explorer 的缩写。 “IE 8 及更早版本”代表 IE 8、IE 7 和 IE 6。

? Webkit内核浏览器是指Safari(包括桌面版和联通版)、Chrome等使用最新版本Webkit页面渲染引擎的浏览器。

? 有时您会遇到“所有浏览器”这个短语。 它代表了目前所有广泛使用的浏览器,而不是字面意义上的这些可能只占零星市场份额的未知浏览器。

本书中的所有示例都是用 HTML5 标记编写的。 但这仅意味着我使用简短的 HTML5 文档声明,以及更简洁的元字符编码、样式和脚本标签。 我没有使用 HTML5 引入的任何新标签,例如“section”和“article”,因此该页面在 IE 8 及更早版本下可以正常工作,但您可以在自己的页面中将它们替换为您喜欢的标签。 所有示例也符合 HTML 4.01 和 XHTML 1 标准。

所有CSS实例代码必须放置在外部样式文件中,或者放置在HTML/XHTML文档的head标签中。 为了方便更改,这些示例文件本身将CSS写入页面的head标签中,但最好将其传输到外部文件以用于最终产品。

一些示例代码包含粗体字符和线条。 如果是你以前听过的代码片段,则说明内容已被添加或更改; 如果它是新代码,则意味着它需要您的关注。 。 在某些情况下,您会看到一个? 某一行代码之前的符号,这意味着该行代码由于布局限制而被迫中断,但这并不意味着您的代码也必须在那里中断。

书中描述的每个属性或选择器都有一个标题为“来龙去脉”的旁注,详细说明了相关的语法、行为和用例。 当然,不可能包含所有的句型细节,但一些最基本的信息值得参考。 另外css3 ie浏览器支持,Notes一栏会包含一个CSS3模块的站点链接,定义了相应的属性和选择器,这样如果你想了解完整的规范,可以参考它。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 css3 css3 ie浏览器支持-CSS3 实用指南 [美国] Zoe Mickley Gillenwater Qu https://www.wkzy.net/game/177553.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务