CSS3寬度代碼是前端開發中非常關鍵的代碼之一，它用于控制頁面元素的寬度，幫助我們實現網頁的美觀和布局。下面是一些常用的CSS3寬度代碼及其用法：

width: auto;  /* 默認值，即元素寬度自適應 */
width: px;    /* 使用像素作為單位，指定元素寬度為固定像素值 */
width: %;     /* 使用百分比作為單位，指定元素寬度為相對于父元素的百分比 */
width: em;    /* 使用em作為單位，指定元素寬度為相對于父元素的字號倍數 */
width: rem;   /* 使用rem作為單位，指定元素寬度為相對于根元素的字號倍數 */
width: vw;    /* 使用vw作為單位，指定元素寬度為相對于視口寬度的百分比值 */
width: vh;    /* 使用vh作為單位，指定元素寬度為相對于視口高度的百分比值 */
width: calc();/* 使用計算公式，指定元素寬度，例如calc(100% - 50px) */

值得注意的是，在使用百分比、em、rem、vw、vh等單位時，元素的寬度是相對于父元素或視口的，因此需要慎重選擇相對單位。而使用像素作為單位時，元素的寬度是固定的，不會隨著父元素或視口的大小而改變。

除了以上的CSS3寬度代碼之外，還有其他的代碼可以幫助我們實現更加靈活的頁面布局，比如flex、grid等代碼。因此，在進行CSS3寬度設置時，需要結合具體需求來選擇最合適的代碼。