CSS3是一種用于網頁設計的樣式表語言，它通過在HTML文檔中定義元素的樣式和布局，來美化網頁的外觀并提升用戶體驗。CSS3.3是CSS3的一個更新版本，增加了許多新的屬性和選擇器，下面我們來了解一下其中一些常用的屬性和選擇器。

1. flexbox彈性布局

.container{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

以上我們使用display:flex屬性來定義容器為彈性布局，flex-wrap屬性用于控制子元素的換行，justify-content屬性用于定義伸縮容器中子元素的對齊方式，align-items屬性用于控制子元素在交叉軸方向上的對齊方式。

2. calc()函數

.container{
width: calc(50% - 10px);
height: calc(100vh - 50px);
}

這里我們使用calc()函數來計算一個容器的高度和寬度，calc()函數可以進行數學計算并返回計算結果，實現了布局的靈活性。

3. nth-child選擇器

ul li:nth-child(2n+1){
background-color: #f2f2f2;
color: #333;
}

使用nth-child(n)選擇器可以選擇父元素下的第n個子元素，并可以通過參數控制選擇的規則，上面的例子選擇ul下的第1、3、5、7、9個li元素，對其應用背景顏色和文字顏色。

4. transform屬性

.box{
transform: rotate(45deg);
}

這個屬性可以用于控制元素的旋轉、位移、縮放等效果，上面的例子將一個元素旋轉45度。

總之，CSS3.3提供了眾多的新增功能，讓我們在網頁設計中更加自如靈活，為用戶帶來更好的瀏覽體驗。