有没有替代CSS?

是否有一个样式表格式替代CSS的语言? 或者CSS是当前用于做Style Sheet格式化的单一语言吗?

我查看了维基百科上的CSS( http://en.wikipedia.org/wiki/Cascading_Style_Sheets )以及一些关于CSS的其他评论,并且对于在不同的布局引擎中缺乏对CSS的全面支持感到沮丧,我只是好奇,如果有一个替代或我必须学会也使用CSSfilter。

感谢您的任何见解。

CSS是唯一真正的select。

浏览器对CSS的支持不应该是一个重要的问题(在大多数情况下),一旦你了解CSS的内容。 了解CSS的关键是它的目的是定义一个HTML文档的风格,它应该与内容分开。

您将需要练习来学习如何在不支持function的浏览器中正常降级。 这里的基本思想是,你应该让最低公分母(通常是Internet Explorer)的工作“够好”,它不会带走用户体验,并为更好的浏览器提供更好的用户体验。 另外, 不要先为Internet Explorer开发。 把它留到最后,然后修正它的错误。 反过来做事情(IE第一)要困难得多。

您也可以select使用JavaScript来设置样式,但不build议这样做,因为您应该避免在JavaScript中应用样式,因为JavaScript是为了逻辑而不是样式。

有3个(取决于你如何看待它)组件到一个网页:

  • HTML – 用于内容
  • CSS – 用于devise您的内容的样式
  • JavaScript – 将额外的或dynamic的逻辑应用于您的内容

你们都试图从程序员的angular度来回答这个问题。 我认为原始的海报正在寻找一个更加graphics友好的替代scheme – 这将提供一个不同的概念。

即使CSS3被跨浏览器采用,我相信布局东西(内联框,浮动,边距等)的CSS方式是可怕的。 我是一名程序员,但是我的父亲是一名出版商和平面devise师,从小我就已经沐浴在平面devise中,我敢说20年前他们使用的出版软件比HTML / CSS现在。

的,这就是所谓的LESS ,它确实代表了大多数CSS的代码可读性问题。

你可以在服务器上编译它,或者用less.js在飞行客户端编译它。

对于生产,我build议设置一个构build脚本来编译它(在NodeJS中,这与Grunt和grunt-contrib-less无关 )。


编辑:还有其他值得一提的选项,即使我使用和推荐LESS。

SASS :ruby人喜欢这个。 它不是像LESS这样的CSS超集,而是使用自己的语法。 为了解决这个问题,他们开发了SCSS,这一个CSS超集,类似于LESS。

手写笔 :像LESS一样,它是用javascript编码的,但这通常是从Node.js中使用的。 我不敢保证,因为我还没有尝试过,但它是非常成熟的,所以如果它有一个你想要的function,一定要去。

Turbine :这个是用PHP编码的。 牵引力不大。

切换CSS :也许Python黑客会想看看这个。 更less的牵引力。

如果你感觉更多的select,也有CSScaching器 , CSScaffold , DtCSS , CSSPP ,甚至porneL的 东西 。


其他你可能想看看的东西:

Compass :Ruby家族的一个全面的CSS创作框架。

WinLESS :用于Windows的拖放LESS编译器,它非常酷,你真的应该检查出来。

LESS ElementsPrebootLESSHateven.less :用于LESS的mixins和常量库。

Bootstrap :由Twitter开发的框架。 还有相关的: HTML5 Boilerplate

Normalize.cssCSS重置的替代方法。 但是,作为开发者之一,我不得不说:大多数都是废话。 如果你不打算自己做,那就用这个。


更新 : 从1.4开始 ,LESS也有@extend 。 如果可能,一定要使用1.4+! 这就完成了我认为selectLESS而不是SASS的理由。

是。

正如其他人所说,CSS是你唯一真正的select,但在网上有另一种“样式表格式化的东西”的语言,称为可扩展样式表语言(XSL),特别是被称为XSL-FO的规范的子集(格式化对象) 。

有一点,根据你问的是谁,它打算与CSS竞争或合作 。

广泛的CSS没有得到所有浏览器的全力支持…一个(未知的)替代品如何达到这个目标?

那么,几乎每个浏览器都支持CSS 2.1。 (IE6除外)一旦知道安全的子集,很容易写出优雅的降级CSS。 (所以即使不支持的浏览器也不会把页面搞乱)

有关CSS浏览器兼容性提示,请参阅http://www.quirksmode.org

对于在不同的布局引擎中缺乏对CSS的全面支持感到沮丧

我认为jQuery有一些方法可以使css跨浏览器更加兼容,也就是说,如果你使用jQuery指定了一些属性,那么它将尝试确保对不支持某些特性的浏览器使用一个解决方法。

还有一个名为CleverCSS的项目,你可能想看看。 这不是一个替代它,只是一个稍微不同的方式来定义它。

网格样式表(GSS): GSS

方式更好

我查看了维基百科上的CSS( http://en.wikipedia.org/wiki/Cascading_Style_Sheets )以及其他关于CSS的其他评论,并且对于在不同的布局引擎中缺乏对CSS的全面支持感到沮丧,我只是好奇,如果有一个替代或我必须学会也使用CSSfilter。

CSS是标准。 没有替代。

所有浏览器都支持基本的CSSfunction。 每个(四?)主浏览器行的每个新版本都增加了对该标准的支持,但使用这些function的网站将在早期版本中被分解为任何用户。 有两个答案:

  1. “优雅的降级”(或其双胞胎,“渐进式增强” – 谷歌它),其中页面利用先进的function,如果他们可用,而仍然继续工作,如果他们不是。

  2. 谁是你的观众? 如果你足够幸运地知道99.8%的网站访问者至less会使用IE7,那么你不必担心IE6中的CSSfunction被破坏。 这将取决于您自己的业务,所以先查看事实。

你可以做的最糟糕的事情是编码到一个特定的浏览器的怪癖,因为这会导致一个页面不仅在其他浏览器,而且在同一浏览器的更高版本。

样式表语言列表: http : //en.wikipedia.org/wiki/List_of_stylesheet_languages

另一种很久以前的JavaScript样式表(JSSS)是由Netscape提出的样式表语言技术,如果有人对我感兴趣,我会给你一些链接http://en.wikipedia.org/wiki/JavaScript_Style_Sheets

这是build议http://www.w3.org/Submission/1996/1/WD-jsss-960822我认为这是一个好主意,但不幸的是CSS赢了,但也许有些部分得到了与JavaScript集成?;

也可以不使用css而是使用svg来查看一些文本效果
http://msdn.microsoft.com/en-us/ie/hh410107.aspx
和一些animation
http://svg-wow.org/text-effects/text-effects.xhtml
一些button效果https://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/
这里是一个样式文本的凉爽的例子,你应该看看这个http://www.hongkiat.com/blog/scalable-vector-graphics-text/

唯一的select是HTML本身具有的不赞成使用的格式化支持,如<font>标记。 但是你不想这样做。 8-)

不,CSS是现在走的路。 格式本身没有什么错(我个人非常喜欢它),而只是浏览器支持它 – 特别是关于IE浏览器。 一旦我们拥有所有支持CSS3的主stream浏览器,事情应该没问题 – 尽pipe我不太乐观。

现在没有别的select,这是一件好事。 浏览器供应商,W3C,WHATWG等有一个足够艰难的时间同意一个单一的规范,你能想象如果有多个规范会发生什么?

无论如何,我发现一旦你学习CSS,你就会知道什么是特定的东西,并学会如何使用它或避免它。

希望这可以帮助。

没有(大部分)

如果你想创build在最大数量的客户机上工作的布局,那么你将不得不学习CSS。

如果你可以限制你的用户到IE8,Chrome,Safari和Firefox,那么你可能会逃避CSS2,否则你将不得不学习与CSS1的所有差异,以及无数的破碎的东西 – 特别是在IE5和6 。

HTML 3.2包含一些格式化标签(如<font><center> ),但不能用它们做很多事情。

为什么只是主要? – 如果您可以假定用户有Flash或Silverlight并为他们构buildWeb应用程序。 那么你的布局将是完美的,但它需要一个客户端插件(不是每个人都有)才能工作。 如果您需要真正丰富的客户端用户界面,我只能走这条路。

我同意目前的CSS支持状态非常糟糕。

我认为最好的方法是按照标准编写CSS,然后为所有不同浏览器不符合的位添加修正。 如果你想要避免一些CSS的话,通常是值得的(例如,z级在许多浏览器中都有真正的混合级别的支持)。

是的! sass可能是一个选项

佐利是对的 “xslt是另一种select”

XSLT将XML转换为渲染的网页,就像CSS将HTML变成渲染的网页一样。 请注意,您不能将XSLT与HTML或CSS混合使用XML。

我已经使用CSS + XSLT创build渲染的网页。

只有一个,据我所知。 至less对于HTML等。

另见http://www.w3.org/Style/CSS/

Adobe Postscript是最有可能的CSS替代品。 问题是需要Acrobat才能在桌面或网页上查看它。 它远远优于CSS,并且保持了devise意图,并在所有设备(包括打印机,绘图仪,电话,平板电脑和任何带有Postscript解释器的任何设备)上扩展。

Postscript有一个ZERO的学习曲线,除非你正在实现一个特定的设备。 它是由数百万程序员,graphics艺术家,艺术家,专业打印机,甚至是最低技能的家用电脑用户编程的。 所有你需要做的是select打印或从任何应用程序的菜单保存。它支持链接和现场input。 它可search吗? 这是基于PS的文件经常出现在Google的search页面。

虽然可以通过网页浏览器以PDF的forms查看,但它不是像HTML和CSS这样的原生浏览器语言。 如果它如此简单而强大,为什么不呢? 当networking开始时,Adobe太短视和贪婪地开放语言。 他们希望将许可证出售给他们的PS引擎及其内容创作产品。 对于Adobe来说,赠送一个PS浏览器就像是放弃鹅和金蛋。

xslt是另一种select

它比CSS更强大。

学习和使用它更加困难。