本專案**來自《css3藝術：網頁設計案例實戰》
效果圖：
該蒸鍋大體上分為鍋身和鍋蓋兩個部分，通過觀察可以得知：
1. 其鍋身上有把手
2. 鍋蓋上有提鈕
3. 鍋身和鍋蓋上都有白色的光影
利用偽元素相關知識，可以將dom結構設計如下**所示，鍋身和鍋蓋分別是兩個元素，然後與鍋身相關的把手、光影，以及與鍋蓋相關的提鈕、光影，分別用它們的偽元素實現。
"steamer">
"lid">
"pot">
body
.steamer
.pot
.pot::before
.lid
.lid::before
.lid::after
.pot::after
將vw代表視口寬度的單位
將vh代表視口高度的單位
使用這些單位，可以把一些東西隨使用者的視口改變而改變。
align-items 屬性定義flex子項在flex容器的當前行的側軸（縱軸）方向上的對齊方式。
常用屬性有：
justify-content 屬性定義flex子項在flex容器主軸（橫軸）方向上的對齊方式。
常用屬性有：
flex-direction 屬性規定靈活專案的方向。
常用屬性有：
border-color 設定四個邊框顏色：上 右 下 左、上 左右 下、上下 左右、上下左右。
注意
border-style 屬性宣告到 border-color 屬性之前。元素必須在改變其顏色之前獲得邊框。
前端技術雜談
前端快取 在所有應用該js的地方加上版本號就可以了，日期也可以作為乙個版本好的作用。參考文章 json.stringify 與json.parse safari瀏覽器自帶pdf預覽，谷歌搞不了了。注意safari 和谷歌 或者火狐等瀏覽器的區別。的格式有多種，最為常見的是jpg png gif jp...
前端利用ajax傳多個值給後端
在不跳轉頁面情況下，可用以下方式 非json形式，如需json形式這裡 實現與後端互動 包括傳遞單個資料和多個資料 前端 實現 學號 姓名 年齡 後端 實現 request.setcharacterencoding utf 8 string sno string request.getparamet...
前端雜談 細數前端優化的化零為整
很高興看到越來越多的企業重視前端開發了，前端不再是 開發人員的附屬技能。回想我剛開始入行時，那時asp 非asp.net 盛行，80 的 都是用asp來做的,乙個網頁可能就是乙個asp檔案，裡面前端 和後端 混在一起。現在不同了，前後端分離，前端可以專注於展示了，不用太在意後端的實現。但是，因為前端...