我该如何开始使用css3

时间:2011-07-04 06:30:13

标签: html css firefox css3

我想使用像

这样的css3功能

box-shadow

所以那个

  1. 我是否需要在页面顶部为css3添加一些特殊标记
  2. 目前支持哪些浏览器
  3. 如果在旧brosers中使用许多css3功能和人物视图会发生什么。因为任何错误左右
  4. 我应该真的使用它吗

3 个答案:

答案 0 :(得分:6)

  

我是否需要在页面顶部为css3添加一些特殊标记

没有

  

目前支持哪些浏览器

大多数浏览器都支持某些CSS 3.当添加了对各种功能的支持时,没有浏览器支持所有CSS 3. When can I use曲目。

  

如果在旧brosers中使用许多css3功能和人物视图会发生什么。因为任何错误左右

除非浏览器异常错误,否则将应用CSS的错误处理规则,并忽略无法识别的内容。

如果另一个样式(确实适用)将使内容不可读,除非还应用了不受支持的样式,否则这只是一个问题。这可能有时可以通过两次应用相同的属性来解决。首先是广泛支持的值,然后是支持较少的值:例如:

color: white;
background: url(blue_0.5_pixel.png);
background: rgba(0%, 0%, 100%, 0.5);
  

我应该真的使用它吗

需要根据具体情况确定。

答案 1 :(得分:0)

你使用css3就像普通的css一样 - 没有必要的特殊声明。唯一需要记住的是,你会想要使用许多css3样式的浏览器前缀版本,而且大多数都以完全相同的方式使用样式规则,有些语法略有不同(例如,某些旧版本的Chrome使用不同的渐变语法。)当您使用浏览器前缀版本时,请始终使用非前缀版本以及前缀版本。例如:

div {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

答案 2 :(得分:0)

更新后的答案::如果您对此进行了搜索,则一些其他信息可能会有所帮助,因为CSS可能会使入门变得非常混乱。

CSS3本身并不真正存在:的意思是,我没有正式的CSS3标准(每个MDN)。先是CSS,然后是CSS2。自己“发布”或“推荐”。 CSS3实际上是一组独立开发的模块,浏览器以不同的速率采用这些模块和更改,并且其发展更加“有组织”。

没有要安装或“附加”的内容。它全部内置于各种浏览器中(比其他浏览器更多)。

这意味着使用“ CSS3”需要在自己的站点上进行大量的研究和测试,才能弄清楚自己的用例中可接受的内容。如前所述,可能(或最肯定地)有变通方法和多种样式,这些变通办法和多种样式将默认设置,具体取决于用户使用的浏览器。

我怎么知道?: 如果您不熟悉CSS,我的建议是首先开发一个浏览器以学习CSS(就我个人而言,我倾向于将Chrome开发为最新版本作为我的个人标准,但这确实对我有所改变。 FireFox)。然后返回并通过测试并查看它在哪里存在问题,使其适应其他浏览器。

适应年龄: 另外,您将希望确定要“适应”网站的浏览器版本有多远,例如:可能停止在IE 11,Chrome 49,Safari 5以及移动版本等上。可以对此进行研究{{ 3}},以查看哪些浏览器版本仍然具有足够的当前用户基础。一旦您的网站启动并运行,就可以跟踪浏览器的使用情况,从而更好地了解自己的用户群的浏览器版本并进行相应调整。

如果您发现用户使用的浏览器版本可能无法正常工作,则会显示一个对话框,让他们知道该网站上哪个最低浏览器版本最佳。

测试浏览器兼容性: 我个人使用here测试不同的浏览器和版本。它具有可以选择的不同浏览器和操作系统,包括移动设备。

不断检查文档中的兼容性表也是一个好主意,因为这些兼容性表会定期更改。

库: 在继续使用CSS进行开发时,您应该建立一个自己喜欢做的​​事情的库,并随着CSS和浏览器的变化而保持更新。

避免使用“出血边缘”版本: 通常最好避免使用绝对最新的CSS版本,因为当前的浏览器和那些仍在使用的旧版浏览器相比往往会落后。

企业或内部: 如果您仅针对“企业”或“内部”基于Web的应用程序进行开发,则您将拥有更大的自由来使用“最新最好的”应用程序,因为您可以更好地控制使用“必须”使用的浏览器版本,甚至是否为某些浏览器开发。在某些情况下,我们只开发了一个浏览器和一个版本,而用户必须使用该版本,可以在像这样的组织中更好地控制它。