`

一篇关于CSS的译文-CSS的未来:一些试验性CSS属性

CSS 
阅读更多

      在查询一些关于CSS的属性问题时,见到了下面这篇关于CSS的译文。

      CSS的未来:一些试验性CSS属性 (http://www.qianduan.net/the-future-of-css-experimental-css-properties.html)


      下面的内容摘自此文开头部分。

      

       尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性,如border-radius、 box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到,所以如果你最近在设计网站,你很难能脱离它们。

       但是,隐藏在浏览器的大宝库中是一些高级的、被严重低估的属性,但是它们并没有得到太多的关注。或许它们中的一些应该这样(被无视),但是其它的属 性应该得到更多的认可。最伟大的财富隐藏在Webkit的下面,而且在iPhone、iPad和Android apps的时代,开始了解它们会灰常有用。就连Firefox等使用的Gecko引擎,也提供了一些独特的属性。在本文中,我们将看一下鲜为人知的CSS 2.1和CSS3属性以及它们在现代浏览器中的支持情况。



分享到:
评论

相关推荐

    postcss-custom-properties:在CSS中使用自定义属性

    PostCSS自定义属性 使您可以按照规范在CSS中使用自。 :root { --color : red; } h1 { color : var ( --color ); } /* becomes */ :root { --color : red; } h1 { color : red; color : var ( --color ); } ...

    css属性表与用法

    ### CSS属性表与用法详解 ...以上是CSS中常用的一些属性及其用法。通过这些属性,我们可以轻松地控制网页的布局、样式以及交互行为,从而创建出更加美观、实用的网页。希望本指南能为您的CSS学习之旅提供帮助。

    postcss-variables-prefixer:PostCSS 插件为所有 css 自定义属性添加前缀

    postcss-变量-前缀 PostCSS 插件为所有 css 自定义属性添加前缀。 用法 使用 : 在您的项目目录中安装postcss 、 postcss-cli和postcss-variables-prefixer : npm install postcss postcss-cli postcss-...

    postcss-gap-properties:在CSS中使用gap,column-gap和row-gap速记属性

    PostCSS间隙属性 使您可以按照规范在CSS中使用gap , column-gap和row-gap速记属性。 .standard-grid { gap : 20 px ; } .spaced-grid { ...npm install postcss-gap-properties --save-dev 使用来处理CSS:

    postcss-aspect-ratio-polyfill:一个支持纵横比属性的PostCSS插件

    一个支持属性的PostCSS插件。 安装 npm i -D postcss-aspect-ratio-polyfill 用法 const postcss = require ( 'postcss' ) const output = postcss ( ) . use ( require ( 'postcss-aspect-ratio-polyfill' ) ) ....

    美工之路 网页设计视频教程CSS篇-12.背景:同时指定多个属性值.rar

    美工之路系列视频是为那些想从事网页前台设计的设计师们和网页设计爱好者量身定制的,本教程包含4个部分:HTML篇,CSS篇,Javascript篇和XML篇.不仅适用于网页设计的初学者,对中级以上水平的人员也有一定参考价值,使...

    css基础教程--CSS快速入门、怎样编写CSS、CSS属性、CSS定位、CSS滤镜 

    CSS的基本语法包括选择器+声明块,其中选择器指明要应用样式的元素,声明块由花括号包围,包含一个或多个属性和值。 2. 怎样编写CSS: 编写CSS时,需要注意以下几点: - 语法规范:每个属性名后跟冒号,属性值...

    CSS3 离线参考手册

    #### 一、CSS3简介与重要性 CSS3是层叠样式表(Cascading Style Sheets)的第三个主要版本,它为网页设计提供了更多的灵活性、创造性和控制能力。相比之前的版本,CSS3引入了许多新特性,包括动画、背景效果、字体...

    css-shorthand-expand:扩展CSS速记属性

    npm install css-shorthand-expand用法该模块公开了一个具有属性名称和值的函数,并返回具有扩展属性的映射。 var expand = require ( 'css-shorthand-expand' ) ;expand ( 'background' , 'url(image.png) no-...

    css-flat-loader:CSS Flat 一种CSS模块化解决方案

    css-flat-loader CSS Flat CSS Flat(CSS 扁平化)是一种模块化解决方案,基于Post CSS生态开发。 主要解决问题: 达到模块化CSS的能力 解决由于业务的持续迭代,导致CSS样式文件的线性增长问题(CSS Modules尤其...

    postcss-color-scale:用于根据颜色和方差生成色标的模块

    npm install postcss-color-scale 用 在命令行中: post-css --use postcss-color-scale styles.css -o styles.out.css 可以在它与一起使用。 标准用例 输入 : root { --cs-color : blue; --cs-variance : 20 ; ...

    HTML和CSS3制作的可编辑的微软Word样式文档

    该特效提供一组预定义的样式,用于在WEB页面中生成各种尺寸的Word样式的文档效果。它提供的样式包括: sheets-of-paper-a4.css:A4纸(21cm × 29.7cm) sheets-of-paper-a3.css:A3纸(29.7cm × 42cm) sheets-of-...

    css基础-梦之都教学

    【CSS基础-梦之都教学】是为初学者设计的一套教程,旨在让学习者能够轻松掌握CSS的基础知识。CSS,即层叠样式表(Cascading Style Sheets),是一种用于定义HTML或XML(包括SVG、MathML等各种XML方言)文档呈现方式...

    CSS基础知识学习笔记

    ### CSS基础知识学习笔记 #### 一、CSS简介与基本概念 **CSS**(Cascading Style Sheets)即层叠样式表,...以上是CSS基础知识的一些核心概念和属性,熟练掌握这些基础知识可以帮助开发者更好地控制网页的布局和样式。

    lolcat-css-properties:Lolcat CSS属性

    Lolcat CSS属性 整体CSS属性翻译为Lolcat aka Lolspeak 如果您有任何建议,请随时提交请求请求 特性 'animation-delay': 'animashun-delay' 'animation-direction': 'animashun-direcshun' 'animation-duration':...

    datasette-css-properties:使用 CSS 属性的实验性数据集输出插件

    数据集-css-属性 使用 CSS 属性的极具实验性的 Datasette 输出插件,灵感来自 Chris Coyier 的。 关于这个项目的更多信息:安装在与 Datasette 相同的环境中安装此插件。 $ datasette install datasette-css-...

    css背景属性案例

    通过本篇文章的学习,我们不仅了解了CSS背景属性的基本概念,还通过一个实际案例掌握了如何应用这些属性来创建美观的网页布局。CSS背景属性的强大之处在于其灵活性和多样性,可以根据不同的需求创造出各种视觉效果。...

    css的未来技术 css测试技术

    总的来说,CSS的未来在于不断探索和利用这些新的、实验性的属性,以提升网页设计的灵活性和创新性。尽管一些属性可能仅在特定浏览器或平台上支持,但随着浏览器的更新迭代,这些特性有望逐渐普及。作为开发者,了解...

Global site tag (gtag.js) - Google Analytics