抱歉，這幾天有點忙，部門開季度大會。。。今天來繼續填坑。
首先我們開啟webstorm，新建乙個工程，先建立乙個index.html檔案，作為主檔案：
然後需要用到css檔案，那就建立乙個，最後是在外面建立乙個資料夾來存放，這樣便於管理：
準備工作完成了，下面直接看**吧：
html部分**：
新聞
hao123
地圖貼吧
登入設定
更多產品
a, p, div, img, input, body, head, title
abody
/*頭部*/
#header
#header a
#header a.more-product
/*主要內容*/
#content
#content .logo
#content .logo img
#content .search
#content .search input
#content .search a
/*偽類 獲取焦點時 去除邊框藍色*/
#content .search input:focus
#content .dom
#content .dom img
#content .dom img:hover
/*尾部*/
#foot
#foot p
#foot p a
#foot p.foot-top a
通過這個小demo，可以把之前學到的基礎知識綜合的使用起來。ok，後面學完js再來做一些炫酷的東西。
**可以在我的github找到 傳送門。
仿寫百度首頁未登入狀態
問題總結 1.margin的運用靈活控制各元素的距離，下邊距的設定會影響頁面顯示尺寸，可能導致右邊出現下拉條，因此可以只設定margin top。2.在文件中乙個換行可能導致乙個空格或間隙。真正需要新增空格的地方用 表示。3.input的text和submit屬性要保持高度一樣，需要設定同樣的fon...
仿新版百度首頁，99 還原真實百度首頁。
老規矩，首先上效果圖 效果還可以吧，新聞 hao123 地圖貼吧 登入設定更多產品 搜尋設定 高階搜尋 關閉 搜尋歷史 是不是感覺 量有點少，在誇你非常聰明的同時我想說 是不是你已經複製過去檢視效果了，結果一看什麼也不是。不要急嘛，讓人家先去洗個澡收拾一下嘛 一。這。不要想歪了，碼這些 有點熱而已，...
iOS 仿百度衛士動畫
image image 有兩個功能，上面的滑竿是來改變量值大小，並調整餅狀圖的扇形面積 下面的滑竿是來調整整體的上下浮層間距。總體就這麼兩個功能，下面開始分布來介紹如何實現的。檢視層級 image 一 餅狀圖 文字部分採用catextlayer的方式新增到介面上，通過滑動滑竿來改變量值。後面的餅狀圖...