1. 伪元素(伪类元素)
伪元素是CSS3中引入的一个概念,它们可以用来创建复杂的布局和交互效果。使用伪元素,开发人员可以在HTML结构中插入多个不同的元素,而无需重新编写代码。例如,可以使用`<header>`,`<footer>`,`<nav>`,`<section>`,`<article>`等伪元素来创建不同的页面元素。
2. 动画(动画元素)
CSS3引入了一个新的动画元素,它可以使CSS动画更加逼真和流畅。动画元素包括`<animation>`和`<animation-name>`元素,其中`animation`属性用于指定动画,而`animation-name`属性用于指定动画的名称。
3. 选择器扩展(选择器扩展)
选择器扩展是CSS3引入的一个概念,它允许开发人员使用更多的选择器来过滤和选择HTML元素。选择器扩展包括`<filter>`和`<filter-name>`元素,其中`filter`属性用于指定筛选器,而`filter-name`属性用于指定筛选器的名称。
4. 媒体查询(媒体查询)
媒体查询是CSS3引入的一个概念,它可以用来控制响应式布局和样式。媒体查询使用一组预定义的媒体类型和参数,根据用户设备的属性来响应样式。例如,可以使用`@media`语句来设置页面在不同的设备上的样式,如手机和平板电脑。
5. 响应式布局(响应式布局)
CSS3新增的元素和属性为开发人员提供了更多的功能和灵活性,使得他们可以更加精细地控制网页的布局、样式和响应式布局。这些元素和属性使CSS更加强大和易于使用。