在進行CSS樣式設計時，我們需要選擇合適的代碼來實現我們的需求。但是，CSS的語法十分復雜，有許多代碼可以實現相同的效果，因此，我們需要知道應該選擇哪些代碼。

以下是我們在CSS樣式設計時應該選擇的代碼：

1. 常見屬性：例如color、font-size、background-color等屬性十分常見，可以滿足大部分樣式的需求。
2. 媒體查詢：通過媒體查詢實現頁面在不同尺寸設備上的適應。例如，使用@media screen and (max-width: 768px) { ... } 實現手機端適配。
3. 盒模型：box-sizing屬性及其聲明，控制元素寬度及內外邊距的計算方式。例如，使用box-sizing: border-box;來設置盒模型。
4. 樣式重置：選擇器通配符（*）及其聲明，清除元素默認樣式。例如，使用*{ margin:0; padding:0; }清除默認外邊距和內邊距。
5. 動畫效果：使用@keyframes實現CSS動畫效果。例如，使用animation: myanimation 2s ease-in-out;來實現動畫效果。
6. 變量：使用CSS變量實現樣式參數化，例如，使用--main-color: #ff0000;來定義主顏色變量，然后通過var(--main-color)的方式使用變量。
7. 媒體特性：各種針對媒體類型和設備的CSS特性，例如，針對打印設備的特殊樣式聲明（@media print），或針對Retina屏幕的高清處理（-webkit-min-device-pixel-ratio: 2）等。
8. Flexbox：使用Flexbox布局方式實現頁面布局。例如，使用display: flex;定義容器為Flexbox布局，并使用flex-grow、flex-shrink和flex-basis等屬性控制Flex容器中元素的布局方式。
9. Grid：使用CSS網格布局方式實現頁面布局。例如，使用display: grid;定義容器為CSS網格布局，并使用grid-template-columns和grid-template-rows等屬性控制網格布局的行列數和尺寸。

綜上所述，我們在進行CSS的樣式設計時，應該靈活選擇合適的代碼來實現我們的需求。掌握CSS的基礎知識和常見屬性，結合CSS3和HTML5的新特性，可以實現更為炫酷的效果，提高網站頁面的用戶體驗。