热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何开始使用css3-Howcanistartusingcss3

Iwanttousecss3featureslike我想使用css3的特性,比如box-shadow不必soforthat所以对于这Doineedtoi

I want to use css3 features like

我想使用css3的特性,比如

box-shadow

不必

so for that

所以对于这

  1. Do i need to include some special tag for css3 at top of page
  2. 我需要在页面顶部包含一些css3的特殊标签吗?
  3. which browsers currently support it
  4. 目前哪些浏览器支持它
  5. what will happen if use many css3 features and people view in old brosers.cause any error or so
  6. 如果使用许多css3特性和人们在旧的浏览器中查看会发生什么。引起任何错误。
  7. Should i really use it or not
  8. 我真的应该用它吗

2 个解决方案

#1


5  

Do i need to include some special tag for css3 at top of page

我需要在页面顶部包含一些css3的特殊标签吗?

No

没有

which browsers currently support it

目前哪些浏览器支持它

Most browsers support some CSS 3. No browser supports all CSS 3. When can I use tracks when support for various features was added.

大多数浏览器支持一些CSS 3。没有浏览器支持所有CSS 3。当添加对各种特性的支持时,我什么时候可以使用跟踪?

what will happen if use many css3 features and people view in old brosers.cause any error or so

如果使用许多css3特性和人们在旧的浏览器中查看会发生什么。引起任何错误。

Unless the browser is exceptionally buggy, the error handling rules of CSS will apply and the unrecognised thing will be ignored.

除非浏览器有异常的错误,否则CSS的错误处理规则将被应用,不被识别的东西将被忽略。

This is only a problem if another style (which does apply) will render content unreadable unless the unsupported style is also applied. This probably can sometimes be worked around by applying the same property twice. First with widely supported values, then with less widely supported ones: e.g.:

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

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

Should i really use it or not

我真的应该用它吗

That needs to be determined on a case-by-case basis.

这需要根据具体情况来确定。

#2


0  

You use css3 just like regular css - no special declarations necessary. The only thing to keep in mind is that there are browser-prefix versions of many css3 styles that you'll want to use and while most of them use the style rules in exactly the same way, there are a few that have slightly different syntax (some older versions of Chrome, for example, use different gradient syntax.) When you do use the browser-prefix versions, always use the non-prefixed version as well following the prefixed versions. For example:

使用css3就像使用常规css一样——不需要特殊声明。唯一要记住的是,有browser-prefix版本很多css3的风格,你会想要使用,他们中的大多数在完全相同的方式使用样式规则,有几个稍有不同的语法(例如,一些老版本的Chrome浏览器使用不同的梯度语法)。当您使用浏览器前缀版本时,请始终使用非前缀版本,并遵循前缀版本。例如:

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

推荐阅读
  • 开发笔记:前端之前端初识
    开发笔记:前端之前端初识 ... [详细]
  • 移动端浏览器为了识别用户的双击放大操作,通常会在点击后引入300毫秒的延迟。虽然这种延迟在日常使用中可能不易察觉,但对于需要即时响应的应用(如网页游戏)来说,消除这一延迟至关重要。 ... [详细]
  • 在使用 Nginx 作为服务器时,发现 Chrome 能正确从缓存中读取 CSS 和 JS 文件,而 Firefox 却无法有效利用缓存,导致加载速度显著变慢。 ... [详细]
  • 浏览器作为我们日常不可或缺的软件工具,其背后的运作机制却鲜为人知。本文将深入探讨浏览器内核及其版本的演变历程,帮助读者更好地理解这一关键技术组件,揭示其内部运作的奥秘。 ... [详细]
  • background:-webkit-gradient(linear,10%10%,100%100%, ... [详细]
  • 本文深入探讨了HTML5中十五个重要的新特性,为开发者提供了详细的指南。 ... [详细]
  • HDU1085 捕获本·拉登!
    问题描述众所周知,本·拉登是一位臭名昭著的恐怖分子,他已失踪多年。但最近有报道称,他藏匿在中国杭州!虽然他躲在杭州的一个洞穴中不敢外出,但近年来他因无聊而沉迷于数学问题,并声称如果有人能解出他的题目,他就自首。 ... [详细]
  • Python Selenium WebDriver 浏览器驱动详解与实践
    本文详细介绍了如何使用Python结合Selenium和unittest构建自动化测试框架,重点解析了WebDriver浏览器驱动的配置与使用方法,涵盖Chrome、Firefox、IE/Edge等主流浏览器。 ... [详细]
  • 理解浏览器历史记录(2)hashchange、pushState
    阅读目录1.hashchange2.pushState本文也是一篇基础文章。继上文之后,本打算去研究pushState,偶然在一些信息中发现了锚点变 ... [详细]
  • 深入理解:AJAX学习指南
    本文详细探讨了AJAX的基本概念、工作原理及其在现代Web开发中的应用,旨在为初学者提供全面的学习资料。 ... [详细]
  • 本文详细介绍了如何使用 CSS3 的 background-clip 和 background-origin 属性来裁剪和定位背景图片,以及如何通过 background-size 控制背景图片的尺寸。 ... [详细]
  • 阿里云 Aliplayer高级功能介绍(八):安全播放
    如何保障视频内容的安全,不被盗链、非法下载和传播,阿里云视频点播已经有一套完善的机 ... [详细]
  • Cookie学习小结
    Cookie学习小结 ... [详细]
  • V8不仅是一款著名的八缸发动机,广泛应用于道奇Charger、宾利Continental GT和BossHoss摩托车中。自2008年以来,作为Chromium项目的一部分,V8 JavaScript引擎在性能优化和技术创新方面取得了显著进展。该引擎通过先进的编译技术和高效的垃圾回收机制,显著提升了JavaScript的执行效率,为现代Web应用提供了强大的支持。持续的优化和创新使得V8在处理复杂计算和大规模数据时表现更加出色,成为众多开发者和企业的首选。 ... [详细]
  • 每日前端实战:148# 视频教程展示纯 CSS 实现按钮两侧滑入装饰元素的悬停效果
    通过点击页面右侧的“预览”按钮,您可以直接在当前页面查看效果,或点击链接进入全屏预览模式。该视频教程展示了如何使用纯 CSS 实现按钮两侧滑入装饰元素的悬停效果。视频内容具有互动性,观众可以实时调整代码并观察变化。访问以下链接体验完整效果:https://codepen.io/comehope/pen/yRyOZr。 ... [详细]
author-avatar
J136271692
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有