CSS|面试官：CSS3新增了哪些新特性？

最新推荐文章于 2024-09-12 02:58:48 发布
最新推荐文章于 2024-09-12 02:58:48 发布
阅读量166 收藏
点赞数
分类专栏： 前端八股文 文章标签： css css3 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43428283/article/details/128908373
版权
本文详细介绍了CSS3中的新特性，包括选择器的扩展、边框和背景的样式改进、文字处理、颜色表示方式的增强、过渡效果、变换、动画以及渐变等。CSS3为开发者提供了更多丰富且强大的样式控制选项，提升网页设计的灵活性和视觉表现。
摘要由CSDN通过智能技术生成

一、是什么

css，即层叠样式表（Cascading Style Sheets）的简称，是一种标记语言，由浏览器解释执行用来使页面变得更美观

css3是css的最新标准，是向后兼容的，CSS1/2的特性在CSS3 里都是可以使用的

而CSS3 也增加了很多新特性，为开发带来了更佳的开发体验

二、选择器

css3中新增了一些选择器，主要为如下图所示
在这里插入图片描述

三、新样式

边框

css3新增了三个边框属性，分别是：

border-radius：创建圆角边框

box-shadow：为元素添加阴影

border-image：使用图片来绘制边框
box-shadow
设置元素阴影，设置属性如下：

水平阴影
垂直阴影
模糊距离(虚实)
阴影尺寸(影子大小)
阴影颜色
内/外阴影
其中水平阴影和垂直阴影是必须设置的

了解本专栏 订阅专栏 解锁全文 超级会员免费看
学习记录wanxiaowan
关注
专栏目录
订阅专栏
CSS|面试官：css选择器有哪些？优先级？哪些属性可以继承？
VAN
02-05 126
csscss选择器有哪些？优先级?哪些属性可以继承
前端八股文（3）53-84
VAN
09-12 1558
前端八股文
（每日一题）面试官：CSS3新增了哪些新特性？
itpeilibo的博客
10-02 373
即层叠样式表（Cascading Style Sheets）的简称，是一种标记语言，由浏览器解释执行用来使页面变得更美观。动画这个平常用的也很多，主要是做一个预设的动画。和一些页面交互的动画效果，结果和过渡应该一样，让页面不会那么生硬。：转换元素的位置（围绕那个点进行转换），默认值为`(x,y,z):(50%,50%,0)通常情况，背景都是覆盖整个元素的，利用这个属性可以设定背景颜色或图片的覆盖范围。当我们设置背景图片时，图片是会以左上角对齐，但是是以。属性允许你旋转，缩放，倾斜或平移给定元素。
面试官：CSS3新增了哪些新特性？
weixin_44475093的博客
04-13 1469
一、是什么css，即层叠样式表（Cascading Style Sheets）的简称，是一种标记语言，由浏览器解释执行用来使页面变得更为美观css3是css的最新标准，是向后兼容的，CSS...
面试题：css3新增的特性
jakelihua
06-08 193
面试题：css3新增的特性
CSS3中新增了哪些常见的特性
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
09-12 1042
box {url('image1.jpg'), /* 第一个背景 *//* 第二个背景 */left top, /* 第一个背景的位置 *//* 第二个背景的位置 */
CSS3新增了哪些新特性？
前端开发工程师博客
05-25 415
面试官：CSS3新增了哪些新特性？ 一、是什么 css，即层叠样式表（Cascading Style Sheets）的简称，是一种标记语言，由浏览器解释执行用来使页面变得更美观 css3是css的最新标准，是向后兼容的，CSS1/2 的特性在 CSS3 里都是可以使用的 而 CSS3 也增加了很多新特性，为开发带来了更佳的开发体验 二、选择器 css3中新增了一些选择器，主要为如下图所示： 三、新样式 边框 css3新增了三个边框属性，分别是： border-radius：创建圆角边框 box-
CSS3新增特性
m0_47743942的博客
03-25 1345
对css3新增特性进行简介，主要包括：新增长度单位、新增颜色设置方式、新增选择器、新增盒子属性、新增背景属性、新增边框属性、新增文本属性、新增渐变（本质背景图片）、新增字体、2D变换、3D变换、过渡、动画、过渡和动画对比、多列布局、伸缩盒模型、响应式布局、BFC、前端学习，并在最后补充了绝对定位元素的位置
面试官：CSS选择器有哪些？优先级？哪些属性可以继承？
weixin_44475093的博客
03-30 1361
一、选择器CSS选择器是CSS规则的第一部分它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式选择器所选择的元素，叫做“选择器的对象”我们从一个...
面试官：介绍一下CSS定位？absolute和relative分别依据什么定位？
upgrade_bro的博客
09-01 848
取值名称效果static静态定位(默认值)元素按照标准流布局(不脱标), top、bottom、left 、right等属性不起作用relative相对定位元素按照标准流布局(不脱标)，可以通过top、bottom、left 、right进行定位，定位参照对象是自身在标准流布局中的位置absolute绝对定位元素脱离标准流（脱标），可以通过top、bottom、left 、right进行定位，定位参照对象是最邻近的祖先定位元素， 如果找不到这样的父级元素，参照对象是视口。
前端CSS：CSS3新增伪类与伪元素
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
08-23 824
随着Web技术的发展，CSS3引入了一系列新的伪类和伪元素，极大地丰富了Web开发者的工具箱。这些新增的伪类和伪元素不仅增强了网页的表现力，还提供了更多的交互性和可定制性选项。本文将详细介绍CSS3中新增的伪类与伪元素，通过丰富的示例和实用的技巧帮助开发者更好地理解和应用它们。通过本文的学习，你已经掌握了CSS3中新增的伪类与伪元素的基础知识，以及它们在实际开发中的应用方法。/* 选择属于其父元素从后往前数的第2个类型的子元素 *//* 选择属于其父元素的第2个类型的子元素 */
『豪横，让面试官无题可问』☛第二期-Css让人忽视的面试题—–猛男,你还记得吗？
01-08
谈一下CSS3有哪些新增的特性？4.谈一下在页面上隐藏元素的方法有哪些？5.说说什么是重绘和重排？6.谈谈你对相对定位、绝对定位、固定定位的理解7.CSS选择器有哪些？哪些属性可以继承？8.CSS3新增伪类有哪些并简要...
javascript常见100问|前端基础知识|offsetHeight-scrollHeight-clientHeight-区别，HTMLCollection-NodeList-区别，vue-com
VAN
04-01 1348
适用于兄弟组件，或者“距离”较远的组件。常用 API● 绑定事件 event.on(key, fn) 或 event.once(key, fn)● 触发事件 event.emit(key, data)● 解绑事件 event.off(key, fn)Vue 版本的区别● Vue 2.x 可以使用 Vue 实例作为自定义事件● Vue 3.x 需要使用第三方的自定义事件，例如 https://www.npmjs.com/package/event-emitter。
javascript常见100问|前端基础知识|13-14-options 请求Restful-API-method前端知识体系14-总结，软技能是否看过红宝书code review CR 检查什么
VAN
04-01 1260
● GET 查询● POST 新增● PATCH 更新● DELETE 删除完善的知识范围，包含了前端工程师常用的所有知识点合理的结构化，便于理解和记忆本章讲解前端基础知识相关的面试题，包括 HTML CSS JS HTTP Ajax 等知识点。这都是技术一面时的必考知识点。不能只说不足，就截止了。一定要通过不足，来突出自己的解决方案，以及未来的预期。这样给人的印象是：正式了自己的不足 + 有学习的态度 —— 非常好！本章讲解软技能相关面试题。
javascript常见100问|前端基础知识|问ajax-fetch-axios-区别请用 XMLHttpRequestfetch 实现 ajax节流和防抖px em rem vw/箭头函数的缺点
VAN
04-01 1237
HTML CSS JS HTTP 等基础知识是前端面试的第一步，基础知识不过关将直接被拒。本章将通过多个面试题，讲解前端常考的基础知识面试题，同时复习一些重要的知识点。
前端八股文-Nodejs介绍，组成，架构和依赖，特点，运行环境安装，包和NPM,NPM包的版本管理，V8 引擎 和 libuv 库，BFF 中间层，服务端渲染，
VAN
11-05 1233
前端学习
JavaScript教程|导出导入，import*,export default,
VAN
01-07 1050
这是我们在本节和前面章节中介绍的所有 export 类型：你可以阅读并回忆它们的含义来进行自查：在声明一个 class/function/… 之前：独立的导出：重新导出：export * from “module”（不会重新导出默认的导出）。export {default [as y]} from “module”（重新导出默认的导出）。
JavaScript基础教程|使用promise进行错误处理，try-catch,rethrowing,未处理的rejection,
VAN
01-05 1021
catch 处理 promise 中的各种 error：在 reject() 调用中的，或者在处理程序中抛出的 error。如果给定 .then 的第二个参数（即 error 处理程序），那么 .then 也会以相同的方式捕获 error。我们应该将 .catch 准确地放到我们想要处理 error，并知道如何处理这些 error 的地方。处理程序应该分析 error（可以自定义 error 类来帮助分析）并再次抛出未知的 error（它们可能是编程错误）。
JavaScript教程| 私有的和受保护的属性和方法，内部接口和外部接口受保护的 “waterAmount”
VAN
01-02 1002
面向对象编程最重要的原则之一 —— 将内部接口与外部接口分隔开来。在开发比 “hello world” 应用程序更复杂的东西时，这是“必须”遵守的做法。为了理解这一点，让我们脱离开发过程，把目光转向现实世界。通常，我们使用的设备都非常复杂。但是，将内部接口与外部接口分隔开来可以让我们使用它们且没有任何问题。
CSS面试题大盘点：从初始化样式到BFC解析
3. **CSS3新特性**：CSS3引入了如边框圆角、阴影、过渡、动画、多列布局、梯度、透明度、选择器增强等，大大丰富了网页设计的可能性。 4. **隐藏元素方法**：可以通过`display:none`、`visibility:hidden`、`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值