你需要知道的CSS4有什么是新的内容_福州响应式网站建设_福州网站制作_福州网页设计_福州网站建设公司

福州响应式网站建设，福州网站制作，福州网页设计，福州网站建设公司

这些天，你不能没有静下心来谈谈CSS是不是CSS

像PostCSS，萨​​斯和少的预处理器，这意味着许多人不直接写CSS。在JavaScript中需要的款式和依靠的工具，填补了浏览器的支持，所以你不必 – 这是一个勇敢的新世界。CSS4实际上不存在，而不是为描述什么CSS4’是单片规范。我们确实有是描述不同的功能模块。

这是相同的方式CSS3是有组织的帮助浏览器厂商实现新的CSS功能和CSS工作组并行工作，为“模块发展速度不同，这取决于它们的复杂性和工作组的工作重点”（伯特·波斯，W3 .ORG /风格/ 2011 / CSS-过程）。模块的规格经历五个阶段，但浏览器可以在任何阶段实施。这是供应商的前缀类似-webkit-变得无处不在和工具，如Autoprefixer的必需品，使浏览器可以在之前的规范或实现的功能得到真实世界的反馈被全面完成。这五个阶段是不连续的或者通过测试的基本问题，可以发现需要重新思考的规范。

有了这些想法，模块目前正在开发下一波包含一些简洁的功能和改进。亮点包括：变量，新的选择，栅格和捕捉点。其中的一些已经在常青树浏览器的支持一个体面的水平。变量在26.01每浏览器的百分之支持（Firefox和Chrome与Opera和Safari的道路上），电网是8.77％，而捕捉点，在英国有23.83％的全球支持，但41.14％的。这些统计数据来自caniuse.com，并在写作时是准确的。

变量

是什么使部分预处理器如此吸引人的变量，他们终于让他们的CSS的方式。他们宣称，如“–primary颜色：＃6C71C4;’ 并用作“背景色：VAR（ – 原色）’。CSS变量的使用，目的是使我们更容易读取大型文件，并帮你写没有错误的CSS，你可以声明一次，然后在整个重用。这些变量的语法可能有点难以胃相比，预处理器声明变量的方式，但这一决定与CSS的语法目前最一致的。在许多方面，这比预处理器变量更令人兴奋的，因为它们是静态的，而本地变量将是动态的。这意味着您将能够确保色彩始终可以访问和变量值可以在媒体查询中设置。

格

CSS的网格布局模块旨在使创建布局简单。这不应该用CSS网格，这对容器分成特定宽度的列的流行的方式混淆。Chrome和Firefox目前有它在他们的下一个化身最好的支持，而IE11和边缘支持该规范的旧版本。不幸的是Safari浏览器是主浏览器的人留下来实现它，它拥有Web开发人员从能够​​在未来半年内使用它了。这不像Flexbox的布局，从而可以很容易回落到使用块或inline-block的。标签阿特金斯解释得很好，Flexbox的是类似于一维布局系统。这是伟大的，当你知道你要在一条直线上，但对于任何工作越开始觉得用浮筒作为哈克; 标签说网格为二维布局。这是出于这个原因，它很难写回退而不简单堆叠内容。雷切尔安德鲁一直在探索什么它是有能力和提倡其使用的关键人物。她创造了许多有用的资源，包括准备好了用一本书更深入地了解它出版除了CSS网格布局。

捕捉点

接下来的CSS功能将有望废除网站劫持滚动事件，跨设备造成JANK和前途未卜的经验。CSS滚动捕捉点允许你定义在哪里以及你所定义的宽容和温和的过渡页面滚动时，用户应该结束了。它目前在Firefox和Safari支持。IE10和边缘支持该规范的旧版本; IE10仅适用于触摸屏。捕捉点水平和垂直方向的工作，使其成为理想的滚动容器或旋转木马/画廊。最好的消息是，只需要新楼盘屈指可数来实现。

选择器

有新的选择，这将有助于样式元素你通常要依靠两种类名或JavaScript过多。有时间选择：过去，现在及：未来这涉及到一个时间表，比如字幕轨道的文本或屏幕阅读器，而不是一个日期输入读取。一种新的类型的查询被称为@supports应该删除一些用例像Modernizr的图书馆的需要，如CSS就能查询浏览器是否支持特定功能（如网格式布局），只有当他们做应用样式。他们使用像媒体查询：@supports（网格模板列）。您可以结合这些与“和”，“或”，而“不是”运营商建立复杂的查询。