CSS3的data-屬性，是一種自定義屬性的方式，給HTML元素添加自定義的參數(shù)，為元素提供更靈活的樣式控制和功能增強(qiáng)。data-屬性的語法格式為：

data-屬性名 = "屬性值"

其中，屬性名可以自定義，但是必須以"data-"開頭，屬性值可以是任意字符串。在CSS中，使用屬性選擇器來選取具有指定data-屬性值的元素，并給它們添加樣式。

舉個例子，我們可以給一個按鈕增加一個data-action屬性，用于記錄觸發(fā)的動作類型，然后根據(jù)屬性值的不同，為不同的動作類型添加不同的樣式效果或操作邏輯。

<button data-action="open">打開窗口</button>
<button data-action="close">關(guān)閉窗口</button>
/* CSS樣式 */
button[data-action="open"] {
background-color: #FFA500;   /* 橙色 */
}
button[data-action="close"] {
background-color: #6495ED;   /* 藍(lán)色 */
}
/* JavaScript邏輯 */
var openBtn = document.querySelector('button[data-action="open"]');
openBtn.addEventListener('click', function() {
/* 打開窗口的操作 */
});
var closeBtn = document.querySelector('button[data-action="close"]');
closeBtn.addEventListener('click', function() {
/* 關(guān)閉窗口的操作 */
});

通過data-屬性，我們可以在不修改HTML結(jié)構(gòu)的情況下，給元素添加額外的標(biāo)記信息，為后續(xù)的樣式控制和交互邏輯提供更便利的操作方式。