在查询一些关于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自定义属性 使您可以按照规范在CSS中使用自。 :root { --color : red; } h1 { color : var ( --color ); } /* becomes */ :root { --color : red; } h1 { color : red; color : var ( --color ); } ...
postcss-变量-前缀 PostCSS 插件为所有 css 自定义属性添加前缀。 用法 使用 : 在您的项目目录中安装postcss 、 postcss-cli和postcss-variables-prefixer : npm install postcss postcss-cli postcss-...
-互操作性-与postcss-custom-properties差异 注意事项 选项 快速参考/注释 测验 变更日志 代码游乐场 在操场上尝试一下,看看您的想法! 只需添加一些CSS,然后查看最终的转换/编译CSS。 您也可以在操场上尝试任何...
Postcss-css-variables是PostCSS的一个插件,专门用于处理CSS Variables,将它们转换为浏览器可识别的静态形式,从而提供更广泛的浏览器支持。 **CSS Variables(自定义属性)**: CSS Variables 提供了一种方式,...
PostCSS间隙属性 使您可以按照规范在CSS中使用gap , column-gap和row-gap速记属性。 .standard-grid { gap : 20 px ; } .spaced-grid { ...npm install postcss-gap-properties --save-dev 使用来处理CSS:
一个支持属性的PostCSS插件。 安装 npm i -D postcss-aspect-ratio-polyfill 用法 const postcss = require ( 'postcss' ) const output = postcss ( ) . use ( require ( 'postcss-aspect-ratio-polyfill' ) ) ....
美工之路系列视频是为那些想从事网页前台设计的设计师们和网页设计爱好者量身定制的,本教程包含4个部分:HTML篇,CSS篇,Javascript篇和XML篇.不仅适用于网页设计的初学者,对中级以上水平的人员也有一定参考价值,使...
美工之路系列视频是为那些想从事网页前台设计的设计师们和网页设计爱好者量身定制的,本教程包含4个部分:HTML篇,CSS篇,Javascript篇和XML篇.不仅适用于网页设计的初学者,对中级以上水平的人员也有一定参考价值,使...
CSS的基本语法包括选择器+声明块,其中选择器指明要应用样式的元素,声明块由花括号包围,包含一个或多个属性和值。 2. 怎样编写CSS: 编写CSS时,需要注意以下几点: - 语法规范:每个属性名后跟冒号,属性值...
npm i -D postcss-load-config 用法 npm i -S | -D postcss-plugin 安装所有必需的postcss插件并将其保存到package.json dependencies / devDependencies 然后通过选择以下格式之一创建一个postcss配置文件 ...
#### 一、CSS3简介与重要性 CSS3是层叠样式表(Cascading Style Sheets)的第三个主要版本,它为网页设计提供了更多的灵活性、创造性和控制能力。相比之前的版本,CSS3引入了许多新特性,包括动画、背景效果、字体...
css-flat-loader CSS Flat CSS Flat(CSS 扁平化)是一种模块化解决方案,基于Post CSS生态开发。 主要解决问题: 达到模块化CSS的能力 解决由于业务的持续迭代,导致CSS样式文件的线性增长问题(CSS Modules尤其...
- **版本**:CSS3 - **示例**: ```css .box { background-color: blue; padding: 20px; background-clip: padding-box; } ``` ##### background-origin - **描述**:规定背景图片的定位区域。 - **版本**:...
PostCSS Flexbugs修复 插件该项目试图解决所有问题。... } 这仅修复设置了flex属性的css类。 要修复flexbox容器中包含的元素,请使用以下全局规则: * { flex-shrink : 1 ;}错误输入. foo { flex : 1 0 calc
npm install postcss-color-scale 用 在命令行中: post-css --use postcss-color-scale styles.css -o styles.out.css 可以在它与一起使用。 标准用例 输入 : root { --cs-color : blue; --cs-variance : 20 ; ...
该特效提供一组预定义的样式,用于在WEB页面中生成各种尺寸的Word样式的文档效果。它提供的样式包括: sheets-of-paper-a4.css:A4纸(21cm × 29.7cm) sheets-of-paper-a3.css:A3纸(29.7cm × 42cm) sheets-of-...
#### 一、CSS简介 **1.1 什么是CSS?** - **定义**: CSS,全称为 Cascading Style Sheets(层叠样式表),是一种用于控制网页外观和布局的语言。 - **功能**: 主要用于描述文档中结构化内容(如 HTML 或 XML)的...
### CSS基础知识学习笔记 #### 一、CSS简介与基本概念 **CSS**(Cascading Style Sheets)即层叠样式表,...以上是CSS基础知识的一些核心概念和属性,熟练掌握这些基础知识可以帮助开发者更好地控制网页的布局和样式。
Lolcat CSS属性 整体CSS属性翻译为Lolcat aka Lolspeak 如果您有任何建议,请随时提交请求请求 特性 'animation-delay': 'animashun-delay' 'animation-direction': 'animashun-direcshun' 'animation-duration':...