css3 有哪些新特性-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

css3 有哪些新特性

2019-11-18 15:48:13 829 1

css3 有哪些新特性

取消 提交回答
全部回答(1)
  • 茶什i
    2019-11-18 16:01:01

    选择器 E:last-child 匹配父元素的最后一个子元素 E。
    E:nth-child(n)匹配父元素的第 n 个子元素 E。
    E:nth-last-child(n) CSS3 匹配父元素的倒数第 n 个子元素 E。
    RGBA
    回答此问题,面试官很可能继续问:rgba()和 opacity 的透明效果有什么不同?

    多栏布局

    新手上路

    新手专区 消费警示 交易安全 24小时在线帮助 免费开店

    付款方式

    快捷支付 信用卡 余额宝 蚂蚁花呗 货到付款

    淘宝特色

    手机淘宝 旺信 大众评审 B格指南

    .mul-col { column-count: 3; column-gap: 5px; column-rule: 1px solid gray; border-radius: 5px; border: 1px solid gray; padding: 10px; } 多背景图 /* backgroundimage:url('1.jpg),url('2.jpg') */ CSS3 word-wrap 属性 p.test { word-wrap: break-word; } 文字阴影 text-shadow: 5px 2px 6px rgba(64, 64, 64, 0.5); @font-face 属性 Font-face 可以用来加载字体样式,而且它还能够加载服务器端的字体文件,让客户端显示客户端所没有安装的字体。

    @font-face { font-family: BorderWeb; src: url(BORDERW0.eot); } @font-face { font-family: Runic; src: url(RUNICMT0.eot); } .border { font-size: 35px; color: black; font-family: "BorderWeb"; } .event { font-size: 110px; color: black; font-family: "Runic"; }

    /* 淘宝网字体使用 */

    @font-face { font-family: iconfont; src: url(//at.alicdn.com/t/font_1465189805_4518812.eot); } 圆角 border-radius: 15px; 边框图片 CSS3 border-image 属性

    盒阴影 /* box-shadow: 水平方向的偏移量 垂直方向的偏移量 模糊程度 扩展程度 颜色 是否具有内阴影 */ 盒子大小 CSS3 box-sizing 属性

    媒体查询 CSS3 @media 查询

    CSS3 动画 @keyframes

    @keyframes abc { from { transform: rotate(0); } 50% { transform: rotate(90deg); } to { transform: rotate(360deg); } } animation 属性

    /* animation : name duration timing-function delay interation-count direction play-state / 渐变效果 background-image: -webkit-gradient( linear, 0% 0%, 100% 0%, from(#2a8bbe), to(#fe280e) ); CSS3 弹性盒子模型 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 CSS3 过渡 div { transition: width 2s; -moz-transition: width 2s; / Firefox 4 / -webkit-transition: width 2s; / Safari 和 Chrome / -o-transition: width 2s; / Opera */ } CSS3 变换 rotate()旋转 translate()平移 scale( )缩放 skew()扭曲/倾斜 变换基点 3d 转换

    0 0
相关问答

1

回答

CSS3有哪些新特性啊?

2021-12-14 17:13:12 738浏览量 回答数 1

1

回答

CSS3有哪些新特性呀?

2021-12-14 15:27:07 268浏览量 回答数 1

1

回答

JS/CSS 下拉菜单可进行搜索/过滤操作

2020-02-13 15:48:50 487浏览量 回答数 1

1

回答

PHPWind论坛改HTTPS后,JS与CSS文件都还是使用HTTP调用,请问如何修改?

2020-01-06 14:34:52 1356浏览量 回答数 1

1

回答

如何避免使用JS而仅使用CSS?

2020-01-04 11:43:10 625浏览量 回答数 1

1

回答

程序员表白神器:如何使用js+css实现炫美表白页面

2019-12-25 10:14:27 1292浏览量 回答数 1

1

回答

业界常用的优化 WEB 页面加载速度的方法(可以分别从页面元素展现,请求连接,css,js,服务器等

2019-12-16 21:33:06 1266浏览量 回答数 1

1

回答

前端面试经典题目合集-哪些地方会出现css阻塞,哪些地方会出现js阻塞?

2019-11-28 16:17:54 449浏览量 回答数 1

1

回答

css 动画和 js 动画的差异

2019-11-21 18:30:06 734浏览量 回答数 1

1

回答

在 css/js 代码上线之后开发人员经常会优化性能,从用户刷新网页开始,一次 js 请求一般情况下

2019-11-19 18:10:28 1024浏览量 回答数 1
+关注
203
文章
1654
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载