《从零到全栈：CSS3新增属性》

        CSS3 是层叠样式表（Cascading Style Sheets）的最新版本，用于定义网页的外观和样式。它不仅扩展了 CSS2 的功能，还引入了许多新特性，使得网页设计更加灵活和强大。本文将详细介绍 CSS3 的概念、新增选择器、属性以及一些高级应用。

一、CSS3 概念

        CSS3 是一种用于描述网页外观的样式表语言，通过选择器和属性来控制 HTML 元素的样式。其基本语法如下：

选择器 {
    属性1: 属性值;
    属性2: 属性值;
    属性3: 属性值;
}

        CSS3 还引入了许多新特性，如媒体查询（@media）、动画（@keyframes）和自定义字体（@font-face）等。

二、CSS3 新增内容

1. CSS3 选择器

        CSS3 提供了更强大的选择器，能够更精确地选择目标元素。

（1）属性选择器

        属性选择器可以根据元素的属性值来选择元素。

input[type='text'] {
    height: 40px;
    border: 1px solid red;
}

input[type^='but'] { /* 选择以 'but' 开头的元素 */ }
input[type$='word'] { /* 选择以