CSS3 與 DW，一看就知道是兩個涉及前端開發的技術，那么它們之間是什么關系呢？
首先，我們來了解一下 CSS3。CSS3 是 CSS 技術的最新版本，它引入了很多新的功能和特性，如圓角、陰影、漸變、動畫等等，可以讓我們更加方便靈活地進行樣式設計。
// css3 的圓角實現
.box {
border-radius: 5px;
}而 DW，也就是 Dreamweaver，是 Adobe 公司推出的一款網頁制作軟件，是很多初學者學習前端的首選工具之一。DW 除了提供簡單易用的視覺化操作界面外，同樣也支持我們直接編輯代碼。
// DW 界面 <body> <div class="box"> <p>hello world</p> </div> </body>
那么，CSS3 與 DW 之間的關系是什么呢？
其實，它們是相輔相成的。CSS3 給我們提供了更多樣式上的選擇和實現方式，而 DW 則更方便我們去嘗試和使用這些樣式特性。我們可以在 DW 中使用預設的樣式模板和代碼片段來加速我們的開發工作，同時也可以自己編寫 CSS3 代碼并在 DW 中進行實時預覽。
// 可以在 DW 中預設樣式模板
.box {
border-radius: 5px;
box-shadow: 2px 2px 10px rgba(0,0,0,.3);
}同時，DW 也可以幫助我們自動完成許多冗長的 CSS3 屬性，如漸變、動畫等等。這樣，我們可以更加集中精力在網頁設計上，而不是被屬性的書寫所分心。
// DW 自動完成屬性
.box {
background: linear-gradient(to top, #fff, #f1f1f1);
animation: fade-in 2s ease-out;
}綜上所述，CSS3 與 DW 是兩個不可分割的前端技術，相互配合以提高我們的工作效率。