豆瓣首頁的頂部由logo、搜尋框、以及一些列導航圖示組成。要達到的是下面這種效果：
於是想到用幾個行塊盒來做，然後定高，排好就行了，沒想到在放置搜尋框的時候出了問題、實際效果如下：
先忽略整體的上下留白，這一步的目的是讓三個行塊盒對齊，外圍div的高度定為30px，然後裡面每乙個div的高度也設定為30px，但是可以發現，搜尋框上方有一段不應該出現的空白（margin-top已經設定為0)，實際上，搜尋框底部到頁面頂部的距離是大於30px的。經過觀察發現，搜尋框內部的文字baseline是和左邊底部、右邊文字的baseline對齊的，於是馬上想到是對齊的問題，查閱mdn文件，將vertical-align設定為top解決問題
參考：vertical-align doc
搜尋框右邊的a標籤在網頁上顯示是用的雪碧圖來做的圖示，但其本質是a標籤，出於語義化的考慮，還是要保留a標籤的文字內容，常規情況下採用這種操作：
a
.img
模仿Google首頁的資料搜尋頁面
最近在給公司做乙個資料庫程式，由於需要資料搜尋，便模仿google的首頁做了個搜尋頁面。如圖 模仿google的logo時找了很多 發現都是指向 可惜這個 已經關閉了，不過在 發現可以做yahoo風格的logo 後來終於找到了個google風格的，而且還可以生成其他web2.0風格的logo，希望大...
豆瓣電台筆記
1 設定圓形並且邊界有4個大小的模糊 1 指定當前元件剪下邊界為true self.clipstobounds true 2 指定當前層圓角半徑 self.layer.cornerradius self.frame.size.width 2 3 指定邊界寬度 self.layer.borderwid...
2020豆瓣電影首頁熱門電影 熱門電視劇集 API
名稱requesturl baseurl 名稱requesturl 最近熱門電影 tags search tags?type movie source index search tags?type movie source index 名稱 requesturl basemovieslistsurl...