2025年css3新增特性（2025年css3新增特性有fontsize）
saas系统前端一般面试问什么
SaaS系统前端面试一般会涉及HTML5和CSS3新特性、JavaScript核心知识、前端框架与工程化、浏览器与网络基础、性能与安全优化、计算机基础补充等方面的知识点。
目前的saas应用最常见的方式就是通过浏览器的方式给客户提供访问入口。saas开发分为前端和后端开发两大部分。如果采用前后端分离的架构，即前端通过HTTP协议与后端交互，则可以解除前端与后端的耦合关系。采用前后端分离思想，则saas的前后端开发可以并行进行。
小程序运行时技术：跨端开发的高性价比方案小程序运行时技术作为前端容器技术的典型应用，通过预设组件和UI规范，解决了传统跨端开发中的兼容性问题，同时提供多框架支持和系统权限优势：应用体验优化：组件和UI规范明确，开发者无需处理兼容性问题，也无需选择复杂工具或框架，展示效果更稳定。
教育管理SaaS系统采用先进的云计算技术，构建了一个稳定、高效、可扩展的系统框架。该系统框架包括前端用户界面、后端服务层、数据库层以及云基础设施等多个层次，确保系统能够稳定运行，同时支持多终端访问，如PC、手机、小程序等。
做为HTML5大前端工程师需要掌握哪些技能?
1、做为HTML5大前端工程师需要掌握以下技能：HTML HTML是前端开发的基础，作为HTML5大前端工程师，必须熟练掌握HTML的各项标签和属性。包括但不限于：基本标签：如div、form、table、ul、li等，这些标签是构建网页结构的基础。
2、技术领导力：具备技术领导力，能够带领团队进行项目开发，指导团队成员的技术成长。持续学习与创新：保持持续学习的态度，关注新技术的发展和应用，不断创新和优化项目的技术方案。总之，前端工程师的学习是一个不断进阶的过程，需要不断积累和实践。
3、数据可视化技术：熟悉使用JavaScript进行数据可视化的方法和工具，能够为用户提供直观的数据展示和分析。综上所述，H5前端工程师需要具备扎实的HTMLCSS3和JavaScript基础，同时还需要掌握动画设计、响应式开发、全栈开发、框架应用、移动Web开发、微信小程序开发以及数据可视化等多方面的技术能力。
4、高级技能：性能优化：了解前端性能优化策略，如代码分割、懒加载、缓存等，能够提升网页的加载速度和用户体验。前端安全：了解XSS、CSRF等常见的安全问题及防护措施，能够保障网页的安全性。响应式设计：熟悉不同设备和屏幕尺寸的网页设计，能够构建适配多种设备的用户界面。
5、web前端开发工程师需要具备以下技能：HTML5：精通HTML5：HTML5是最新的网页标记语言规范，是Web开发的基础。掌握HTML5可以高效地创建和结构化网页内容。CSS3：熟练掌握CSS3：CSS3用于控制网页的布局、样式和视觉效果。掌握CSS3能够实现对网页外观的精确控制，提升用户体验。
6、学习Web前端需具备以下技能：HTML5+CSS3 HTML5基础：了解常用浏览器和浏览器内核，理解语义化的概念，掌握HTML5语法及使用技巧，熟悉HTML5常用标签。CSS3布局与美化：掌握CSS语法及使用技巧，熟练运用DIV+CSS布局方式，熟悉常见网页布局模式。
css如何控制不同窗口大小下页面自适应
1、CSS可以通过媒体查询、弹性布局、自适应宽度和高度设计以及利用CSS3的新特性等方法控制不同窗口大小下页面的自适应。媒体查询：媒体查询是CSS实现自适应布局的核心技术之一。它允许开发者根据屏幕尺寸、设备类型、分辨率等条件来应用不同的CSS样式。
2、在网页设计中，我们经常需要让元素的宽度和高度根据浏览器窗口大小自适应调整。这可以通过CSS的百分比单位来实现。具体来说，设置的宽度和高度属性为100%，可以让它们跟随浏览器窗口的宽度和高度进行调整。
3、其中一种方法是利用vh单位设定div的高度，vh代表视窗高度的百分比，1vh即为视窗高度的1%。若要将一个div的高度设置为视窗高度的一半，可以使用如下CSS代码：.div-class{height：50vh；}。此外，设置div的宽度为100%，则该div会随浏览器窗口尺寸变化而按比例调整大小，以适应不同的屏幕尺寸。
4、CSS自适应屏幕写法 百分比宽度：使用百分比宽度来定义元素的尺寸，使其能够根据父容器或视口的宽度进行自适应。例如，width： 50%； 会使元素的宽度为其父容器宽度的一半。视口单位：使用视口单位（vw， vh， vmin， vmax）来定义元素的尺寸，这些单位基于视口的宽度或高度。
5、响应式布局设计：这是现代网页设计中非常重要的一个概念。响应式布局可以确保网页根据用户设备的屏幕大小、分辨率和平台自动调整布局，以提供最佳的阅读体验和良好的用户体验。 媒体查询：这是一种CSS技术，允许开发者针对不同的设备特性和屏幕尺寸设置不同的样式规则。
6、通过设置根元素的字体大小，可以控制整个页面中rem单位的大小。应用：通过调整根元素的字体大小，可以实现页面在不同屏幕尺寸下的自适应布局。例如，在较小的屏幕上，可以减小根元素的字体大小，从而使页面元素整体缩小，以适应屏幕尺寸。
六星云课堂:CSS和CSS3有什么区别?CSS和CSS3学哪个?
CSS（层叠样式表）与CSS3之间存在显著的差异，这些差异主要体现在功能、兼容性和代码简洁性等方面。兼容性 CSS：作为早期的样式表标准，CSS在广泛的浏览器和设备上具有良好的兼容性。CSS3：作为CSS的更高级版本，CSS3引入了许多新特性和属性。
CSS进阶：学习CSS选择器、盒模型、布局方式（如Flexbox、Grid）、样式优先级等，掌握CSS3的新特性，如动画、过渡等。div+css布局：通过div和css实现网页布局，掌握常见的布局方式，如固定布局、流式布局、响应式布局等。
HTML：学习HTML的基本标签和属性，了解HTML4和HTML5的区别，以及如何使用HTML来构建网页的基本结构。CSS：掌握CSS的基本语法和选择器，了解CSS2和CSS3的新特性，如动画、过渡、媒体查询等。通过CSS，你可以控制网页的外观和布局。JavaScript：学习JavaScript的基本语法、数据类型、函数、条件语句、循环等。
通过深度和广度的学习，你可以建立起一个全面而深入的前端知识体系，为未来的职业发展打下坚实的基础。专注于基础 前端开发的基础是HTML、CSS和JavaScript。这三项技术构成了前端开发的基石，无论学习多少高级技术和框架，都离不开这些基础知识。
CSS：是层叠样式表，用于控制网页的外观和布局。CSS2和CSS3提供了丰富的样式和动画效果，使网页更加美观和交互性强。JavaScript：是网页的脚本语言，用于实现网页的动态功能和交互效果。ES5和ES6是JavaScript的两个主要版本，ES6引入了新的语法和特性，使JavaScript更加强大和灵活。
h5和css3有哪些新特性?
H5的新特性： 用于绘画 canvas 元素。 用于媒介回放的 video 和 audio 元素。 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；sessionStorage 的数据在浏览器关闭后自动删除。 语意化更好的内容元素，比如 article、footer、header、nav、section。
CSS3新增了以下新特性：选择器CSS3中新增了一些选择器，这些选择器提供了更灵活和强大的选择方式，使开发者能够更精确地定位和操作页面元素。主要包括：属性选择器：可以根据元素的属性及属性值来选择元素。
学习内容：CSS3的新特性，如动画、过渡、阴影、圆角、媒体查询等。区别：CSS3使得网页设计更加丰富和动态，通过新增的动画和过渡效果，以及更加精细的布局和视觉效果控制，为网页提供了更多的视觉冲击力。JavaScript：学习内容：JavaScript的基础语法、事件处理、DOM操作、框架和库（如jQuery、React、Vue等）。
css3中content和attr属性有什么用
CSS3中的content属性可以通过CSS在页面元素中填写内容，还可以实现字符串连接操作；content和attr配合使用可以从元素中动态的获取内容【推荐课程：CSS3教程】CSS3的出现使得样式表的功能变得越来越强大，同样也使得开发越来越简单便捷。
在CSS中，content属性多用于：before、：after伪元素，以展示伪元素内容。通常，我们使用纯字符作为content属性值，但其实还有更多选择。例如，插入图片，可使用url（图片路径）作为content属性值。插入元素属性则使用attr（属性名）。
content还可以运用其attr获取元素的属性值，如下图所示。综上所述，content属性提供了多种添加内容的方式。