`

一篇关于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-css-variables

    Postcss-css-variables是PostCSS的一个插件,专门用于处理CSS Variables,将它们转换为浏览器可识别的静态形式,从而提供更广泛的浏览器支持。 **CSS Variables(自定义属性)**: CSS Variables 提供了一种方式,...

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

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

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

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

    postcss-css-variables:PostCSS插件将CSS自定义属性(CSS变量)语法转换为静态表示形式

    -互操作性-与postcss-custom-properties差异 注意事项 选项 快速参考/注释 测验 变更日志 代码游乐场 在操场上尝试一下,看看您的想法! 只需添加一些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_3样式.pdf

    - **版本**:CSS3 - **示例**: ```css .box { background-color: blue; padding: 20px; background-clip: padding-box; } ``` ##### background-origin - **描述**:规定背景图片的定位区域。 - **版本**:...

    postcss-custom-properties-transformer:PostCSS插件,可将转换应用于CSS自定义属性(例如,修改)

    混淆Mangle自定义属性名称以阻止逆向工程 :rocket: 安装npm i -D postcss postcss-custom-properties-transformer :vertical_traffic_light: 快速设置将postcss-custom-properties-transformer添加到您的PostCSS...

    css-vars:Sass mixin与Sass一起使用CSS自定义属性

    css-vars:将CSS自定义属性与Sass一起使用安装使用npm: npm install css-vars 与纱线: yarn add css-vars 使用Bower: bower install css-var 手动:获取使用@import语句在项目中包含主mixin文件: @import " [%...

    css书写规范 web设计css

    以下是对CSS书写规范的一些基本要点和建议。 #### 1. 结构化命名 在CSS中合理地命名选择器是非常重要的。通过使用具有描述性的命名规则可以增强代码的可读性。例如: - `header`: 页面头部区域。 - `loginBar`: ...

    postcss-register-custom-props:PostCSS插件,可将CSS中的自定义属性注册转换为JS

    对规范提出了一项建议,以便可以在CSS中执行相同的操作: @property --highlight-color { syntax : '<color>' ; initial-value : red; inherits : false;} 此PostCSS插件可让您在CSS中声明自定义属性,并生成包含...

    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-gamaacademy-hiringcoders2:练习CSS | 在 Gama Academy 练习 CSS

    CSS | 学院范围 | 招聘编码员 2CSS 练习01 - CSS 简介 02 - 标签样式 03 - CSS 属性类型 04 - 属性:边框、边距和填充 05 - 属性:颜色和排版 06 - Flexbox 简介 07 - Flexbox:对齐和对齐 08 - Flex-grow,fly -...

    CSS基础知识学习笔记

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

    postcss-merge-longhand:使用PostCSS将速记属性合并为速记

    npm install postcss-merge-longhand --save 例子 将速记属性合并为速记; 使用margin , padding和border 。 有关更多示例,请参见。 输入 h1 { margin-top : 10 px ; margin-right : 20 px ; margin-bottom : ...

Global site tag (gtag.js) - Google Analytics