CSS3中X軸的使用非常廣泛，它可以幫助我們控制元素在水平方向上的位置和大小。在開始使用X軸之前，我們需要先了解一些基本的語法和屬性。

/* X軸語法 */
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
/* X軸屬性 */
margin: 0 auto;
width: 100%;
min-width: 320px;
max-width: 1200px;

在上面的代碼中，我們使用了Flexbox布局來控制元素的位置和大小。display屬性設置為flex，將元素變成一個Flex容器。justify-content和align-items屬性用來分別設置Flex容器內元素的水平和垂直對齊方式。flex-direction屬性用來設置Flex容器內元素的排列方向。

除了以上屬性，我們還可以使用margin、width、min-width和max-width等屬性來控制元素在水平方向上的大小和間距。margin屬性用來設置元素在X軸方向上的外邊距。width屬性用來設置元素的寬度。min-width和max-width屬性用來設置元素的最小和最大寬度，當元素的寬度小于最小寬度或大于最大寬度時，它們的寬度將被限制。

總之，X軸是CSS3中非常重要的一個屬性，它可以幫助我們更好地控制元素在水平方向上的位置和大小，使我們的網頁更加美觀和易于使用。