首页 > 试题广场 >

css3 有哪些新特性

[问答题]

css3 有哪些新特性

添加回答
_sikosiko头像 _sikosiko
CSS3实现圆角（border-radius），阴影（box-shadow），
   对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）
  transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);//旋转,缩放,定位,倾斜
  增加了更多的CSS选择器  多背景 rgba 
   在CSS3中唯一引入的伪元素是::selection.
  媒体查询，多栏布局
  border-image
发表于 2016-12-19 16:05:53 回复(0)
meiyoumingzine头像 meiyoumingzine
1.圆角 border-radius
2.背景 background-image、background-size、background-origin、background-clip
3.渐变 gradients    liner-gradients、radial-gradients
4.用户界面：resize、box-sizing、outline-offset
5.边框：border-image
6.2d 3d：transfrom：translate（）、rotate（）、scale（）、skew()
transform:translate3d()、rotate3d()、scale3d()、skew3d（）
7.文本效果： word-wrap、box-shadow、text-shadow、text-overflow、word-break
8.自定义字体@font-face规则
9.动画 ： @keyframes规则   元素是animation属性
10.过渡：transition
11.多媒体查询：@media  自适应更多地媒体
12.弹性盒子flex box：分为容器以及容器中的元素
具有的属性direction、justify-content（横轴排列）、align-items（纵轴排列）、flex（分配元素占比）
13.多列布局：column-count、column-gap、column-width、column-rule-style、column-rule-color、column-rule-width、column-span等。
发表于 2020-02-01 21:53:02 回复(0)
牛客134720814号头像 牛客134720814号

1.CSS3的选择器

1）E:last-child 匹配父元素的最后一个子元素E。
2）E:nth-child(n)匹配父元素的第n个子元素E。 

3）E:nth-last-child(n) CSS3 匹配父元素的倒数第n个子元素E。

2. 边框
  •    圆角   border-radius:15px
  •  阴影   shadow
  • border-image:设置边框图像，该属性是一个简写属性，用于设置以下属性：
3. 背景
  • background-size：背景图片的尺寸
  • background-origin：规定background-position属性相对于什么位置来定位
  • background-clip：规定背景的绘制区域
4. 渐变
  • linear-gradient():线性渐变
  • radial-gradinet():径向渐变
5.文本效果
  • work-break：定义如何换行
  • word-wrap：允许长的内容可以自动换行
  • text-overflow：指定文本溢出包含他的元素应该发生什么
  • text-shadow：文字阴影
发表于 2020-08-20 16:41:21 回复(0)
南邮kd头像 南邮kd
border-radius;
text-shadow;
border-image;
igb;
igba;
transition;
transform;
新增伪类：first-of-type;last-of-type;only-of-type;nth-child（n）；enabled；checked；not（）；
新增伪元素：first-line；first-letter；selection；
发表于 2017-08-03 15:37:49 回复(0)
我才是晴天头像 我才是晴天
border-radius
发表于 2017-02-07 21:21:31 回复(0)
提交观点

问题信息

4399游戏 2017 前端工程师 HTML
来自：4399公司2017秋...
上传者：牛100
难度：
5条回答 3026浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号