章节
问答
课签
笔记
评论
占位
占位

什么是CSS3?

CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chromesafarifirefoxopera、甚至360都已经支持了CSS3大部分功能了,IE10以后也开始全面支持CSS3了。

在编写CSS3样式时,不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分,是浏览器的私有属性,虽然目前较新版本的浏览器都是不需要前缀的,但为了更好的向前兼容前缀还是少不了的。

前缀

浏览器

-webkit

chrome和safari

-moz

firefox

-ms

IE

-o

opera


相信CSS3的时代马上就要到来了!

 

IE党注意了:此课程不支持IE9版本以下,建议使用 chromesafarifirefoxopera浏览器的最高版本学习本课程。

 

任务

右边的代码是CSS3实现的文字特效,你可以随意修改代码的几个参数看看有什么变化。

?不会了怎么办

如果你看不到文字发光和旋转的效果,那么赶快换个浏览器吧。

||
1
2
<!DOCTYPE HTML>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
body{
background
       :#000;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / weibo_永無止境地逝去_04273843
我用的谷歌和搜狗都行

最新回答 / laaa
“>”是子元素选择器,只能选择作为某元素子元素的元素,而“ ”是后代选择器用于选取某元素的后代元素,这都是css组合选择符(1)“>”是子元素选择器,只能选择作为某元素子元素的元素(2)“ ”是后代选择器用于选取某元素的后代元素(3)“+”是相邻兄弟选择器,可选择紧接在另一元素后的元素,且二者有相同父元素(后续一个元素)(4)“~”是后续兄弟选择器,选取所有指定元素之后的相邻兄弟元素(后续满足条件的所有元素)

最赞回答 / 小爽子
这种问题,你不可以自行百度查一下吗transform-style :如何在 3D 空间中呈现被嵌套的元素。text-shadow:字体阴影@keyframes run :创建一个名为run的动画

已采纳回答 / 桐谷和人丶
<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>进度条</title>    <style type="text/css">#load,#loading{background-color:#6caf00;text-align:center;}#load{width:0%;}#loading{animation:move 10s linear;}...

最新回答 / 清风晓阳
兼容性问题在之前的老版本浏览器中比较多。新浏览器中相对少点。

最赞回答 / 伯禽
content-type是一种内容类型,定义网络文件的类型和网页编码,http-equiv="Content-Type" 意思是把 content 属性关联到 HTTP 头部;content="text/html; charset=utf-8" 定义文档编码为utf-8;

已采纳回答 / lvchyg
text-shaodow 为文本阴影, 上面意思是设置了多个阴影效果。 text-shadow: X-Offset Y-Offset blur color;X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移;      Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移;Blur:是指阴影的模糊程度,其值不能是负值,如果值越大,阴影越模糊,反之阴影越清晰,如果不需要阴影模糊可以将Blur值设置为0;Color:是指阴影的颜色,其可以使用rg...

最新回答 / 道临
用sublime吧

已采纳回答 / 田心枫
是的 前端各种兼容性

已采纳回答 / 泡沫9
<...图片...>可以啊,代码贴出来

最新回答 / 浮屿散人
两个都是英文啊,都不是中文
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言