近年來，開發人員越來越關心應用程式的外觀。當windows forms是建立桌面應用程式的技術時，使用者介面沒有提供許多設定應用程式樣式的選項。控制項有標準的外觀，根據正在執行應用程式的作業系統版本而略有不同，但不大容易定義完整自定義的外觀。
windows presentation foundation(wpf)改變了這一切。wpf基於directx，從而提供了向量圖形，允許方便地調整視窗和控制項的大小。控制項是完全可定製的，可以有不同的外觀。設定應用程式的樣式變得非常重要。應用程式可以有任何外觀。有了優秀的設計，使用者可以使用應用程式。例如，蘇黎世機場建立了乙個wpf應用程式，其中的按鈕看起來像飛機。通過按鈕，使用者可以獲取飛機的位置資訊(完整的應用程式看起來像機場)。按鈕的顏色可以根據配置有不同的含義：它們可以顯示航線或飛機的準時/延時資訊。通過這種方式，應用程式的使用者很容易看到目前在機場的飛機有或長或短的延誤。
應用程式擁有不同的外觀，這對於現代windows應用程式更加重要，可以使使用者工作的更方便，幫助這些使用者提高效率。
在設定wpf應用程式的樣式時，微軟公司沒有提供很多指導。應用程式的外觀主要取決於設計人員的想象力。對於uwp應用程式，微軟公司提供了更多的指導和預定義的樣式，也能夠修改任何樣式。
本章首先介紹xaml的核心元素形狀(shape)，它允許繪製線條、橢圓和路徑(path)元素。介紹了shape的基礎之後，就討論幾何圖形(geometry)元素。可以使用geometry元素快速建立基於向量的圖形。
使用transformation，可以縮放、旋轉任何xaml元素。用brush可以建立純色、漸變或更高階的背景。本章將討論如何在樣式中使用畫筆(brush)和把樣式放在xaml資源中。
最後，使用template模版可以完全自定義控制項的外觀，本章還要學寫如何建立動畫。
1 樣式修改 Ant pro
修改antd樣式流程 補充參考官網 由於業務的個性化需求，我們經常會遇到需要覆蓋元件樣式的情況，這裡舉個簡單的例子。修改頁面布局使兩邊留白 f12開啟除錯，選中elements選項 在elements的元素樹中選中相應的antd元件布局，然後檢視右端的css樣式表，找到控制項的css控制器結構。然後...
1 樣式選擇器，順序
1 直接在 style 上定的內容優先順序最高。同樣的選擇器，誰在後面誰的優先順序比較高 2 選擇器的優先順序，在其餘情況相同情況下，繼承的樣式 瀏覽器模式的樣式 標籤樣式 class樣式 id樣式 style屬性樣式 3 可以使用在屬性後面使用 important將屬性優先順序提公升到最大 4 寫...
Dom（八）樣式操作
樣式操作 style屬性 htmlelement.style能夠訪問和修改元素的內聯樣式，可以直接通過內聯樣式獲取到內聯樣式的屬性 例如 var a document.getelementbyid aaa console.log a.style.width console.log a.style.h...