外文翻译CSS期望表Wishlist7z

2019年01月31日 来源:

着名的 Web 设计站 CSS-tricks. 最近组织了一次调查,请15名顶尖的 Web 设计师对 CSS 提出自己的期望,15名设计师包括 Jon Hicks Wolfgang Bartelme Mint 的 Shaun Inman 以及 Stuff and Nonsense 的 Andy Clarke。

调查结果显示,最被期待的 CSS 功能是 CSS 圆角,其它期待的功能包括跨浏览器渐变与阴影,类似 Photoshop 的层融合效果,更一致的声明简化语法以及对条件判断的本地支持。这些期待中一部分已经包含在未来的 CSS-3 中,但更多的仍然只是一些梦想。

WebMonkey 的们将这个 Wishlist 发表在他们的站并让 WebMonkey 的读者投票选出最热门的项目,以下是按投票多少排列的 CSS Wishlist 部分列表(只选取最热门的项目)。

垂直居中

by michael lascarides

针对 block 对象的更容易的垂直居中设置。(div + css 让人既爱且恨的一个重要原因就是垂直居中,让一个对象垂直居中显示在 block 容器中,且兼容所有主流浏览器简直就是一个噩梦 - 译者)

CSS 圆角

by Webmonkey

标准的,直接基于 CSS 的圆角是很多人的期待,这样,就不必再费尽心机只为了显示一个圆角。

兼容所有主流浏览器的 CSS 2.1 与 CSS 3

by Erik

能兼容所有主流浏览器的 CSS 2.1 与 CSS 3 是 Erik 的梦想,但其中的某些功能在某些浏览器中总是磕磕绊绊。

更好的嵌入字体

by Webmonkey

不要 sFIR 不要图片,要真正的字体。

CSS 变量

by Jeffrey Jordan Way via css-tricks.

能定义诸如色彩值一类的变量

更好地支持 100% height

by JLR

设置了 100% height 的容器的顶部和底部真正附着在页首和页尾,页面中间部分匹配内容并准确显示滚动条。搜索100% height css能找到各种解决方法,但事情原本不该这么复杂。

可重复使用变量

by Neal Lindsay

比如:

@var mycolor = #0080FF

h1 { color: mycolor; }

ntainbox { border: 1px mycolor; }

浏览器一致性与定义顺序

by JML

浏览器一致性非常重要。某些 CSS 在某些浏览器被忽略或部分忽略使 CSS 只有借助 JavaScript 才能正常使用。同时,对里面的 CSS 定义应该可以覆盖全局定义。

一句话复原

by Chris Pitzer

很多设计者要写40多行代码才能清除浏览器默认 CSS 定义,应当有一个简单的声明一次性将所有 CSS 复原,比如:

body { clear-default-styles:true; }

图形旋转与反转

by Stephen Bell

在设置图形圆角效果时候,我们需要同一个圆角图片的4个旋转版本来实现。应该有一个简单的声明实现旋转,如:

img .horiz { rotate:90; }

成组的 CSS 简化定义

by Volkan Grgl via css-tricks.

如:

#foo h1 #foo h2 #foo h3

该为:

#foo [h1 h2 h3]

渐变

by Anonymous

以避免一条线一条线地实现渐变。

定位计算

by Anonymous

不使用 JavaScript 而是直接在 CSS 中实现:

left: ft + dth + 2px;

格布局

by Kurt Krumme

table 布局曾经流行一时,因为 table 布局更接近格布局的原理。CSS 的设置者们为什么要推出一个不伦不类的 box 模型?

div + css 在 Web 设计界已经红得发紫,尽管 div 有众多缺陷(比如垂直居中,比如在 IE 中的众多 BUG),如果那个设计师胆敢使用 table,被人查出源代码,是会被耻笑的。然而译者从不畏惧使用 table + css,且愿意告戒那些盲目追随 div 并被折磨得半死的人,至少在目前,table 是被各种浏览器支持得最完美的容器对象。

使用 image 作 border

by Anonymous

应当可以用 image 作为 border,如:

border-right: url('g')

Multiple background images

by Brad

这一条是译者人为提前的。这个 CSS 功能非常有用,事实上,有了这个功能,完美实现 CSS 圆角就变得十分简单了。

所有浏览器支持统一标准

by Anonymous

这里特指 IE8 的版本。CSS 有成型的标准,但有些浏览器一定要搞一些自己的东西出来。

本文国际来源:://.webmonkey./blog/What_s_On_Your_CSS_Wishlist_

中文翻译来源:COMSHARP CMS 官方站

站长榜: .admin5./top

厚壁卷管厂
牛魔王捕鱼游戏公司
日照甲醇燃烧机
相关文章
  • 加媒中国可能在领土争端让步不必担忧南海战争
    加媒中国可能在领土争端让步不必担忧南海战争

    解放军南海登陆演习。(资料图) 加拿大地缘政治观察7月7日文章,原题:微妙的平衡 中国边界线漫长,周围是海洋和各种邻国,包括庞大的俄罗斯、不稳定的阿富汗,以及海上邻国菲日韩。这给北京带来一系列安全挑战。南海就是中国复杂的边境安全挑战的一部分...

  • 各省上报甲型H1N1流感密切接触者查找情
    各省上报甲型H1N1流感密切接触者查找情

    各省上报甲型H1N1流感密切接触者查找情况新华北京5月12日电 12日了解到,北京已经启动了第二处甲型H1N1流感医学观察点。同时,各地不断加强对接触人员的追踪、防控工作。张舵、王思海自北京报道:截至12日17时,北京市无甲型H1N1流感疑似、临床和确诊病例报告。...

  • 宜家近8亿夺得大兴商业地块筹建北京第二家
    宜家近8亿夺得大兴商业地块筹建北京第二家

    宜家近8亿夺得大兴商业地块 筹建北京第二家店_房地产瑞典企业宜家家居昨日以7.9亿元的价格,成功拍下大兴区西红门商业综合区二期项目用地。宜家北京第二店将落户于此。 昨日,宜家中国区公关经理许丽德表示,宜家的确已拍下这块土地,但宜家在北京的第二家...

  • 分析称多地调控目标或将落空
    分析称多地调控目标或将落空

    这年头,房子怎么卖?卖房的说了算:验资、搭售、报价跳涨,卖方霸气尽显;买卖的另一面,苦了刚需,买房基本靠抢,唯恐错过这村没有那个店;广大刚需还在为第一套房苦苦奋斗之时,有人到海南“旅游顺便还买了个房”……这个国庆假期,走访北京、上海、...

  • 据了解张先生是一名灯饰厂老板
    据了解张先生是一名灯饰厂老板

    据了解,张先生是一名灯饰厂老板,工作之余购买双色球已成为张先生多年的习惯。由于手头比较充裕,张先生每期购买双色球都会采用9+1或10+1复式投注。张先生的选号眼光也算比较厉害,据他介绍,多年购彩虽然没有中过什么像样的大奖,但还是能经常中出些小奖...

  • 发改委加码流通业投资粮食流通项目成重点2
    发改委加码流通业投资粮食流通项目成重点2

    上一页 1 2意在保粮食安全?国家发改委突然加码粮食流通业投资,让人不由得联想到粮食流通业的外资垄断问题。根据《通知》的要求,此次流通领域国债项目的申报,基本上集中在农产品特别是粮食的流通领域。梅新育向本报表示,由于国内流通领域很不成熟,资...