這幾天也幾個人關注了我，我開心到起飛，哈哈哈哈，那今天我們就更新一下如何標準的寫一個網頁結構，
我們先分析導航欄的布局
這里的布局是大盒子然后分成三部分，然后兩邊固定，中間居中且·搜索框大小不變，兩邊做
然后我們先來個大盒子里面三個盒子
然后大盒子設定flex布局 寬度百分百 高度48px 獲取瀏覽器像素還有白色背景，記得先給boby來個淺灰色背景然后效果如下
Css:如下圖
*號這個部分是每次寫網站必須寫的，代表a標簽沒有下劃線，li標簽沒有前面的樣式效果（一般都會有個點，所以這個可以消除），margin:0 paddding：0這兩個的作用就是重置）瀏覽器默認樣式，對于各瀏覽器樣式統一的話有著簡單粗暴的效果，這東西叫“通配符”（就是我們經常說的盒子之前有東西，邊框不能緊挨）用來匹配頁面上所有元素，
大盒子弄好了，現在我們來弄小盒子，三個小盒子剛剛分析了，兩邊大小不變，中間變化，然后兩端對齊就可以得到
接下來就是在盒子里面加東西了，這里我就直接發我的css吧
下面是左邊盒子的效果，用到一點float布局方式，
接下來就是中間這部分了，那個輸入框比較難，因為我之前沒有和你們說過構圖，
看css
最后的盒子，其實和第一個盒子差不多，直接上css
基本教程就是這些，有空我再模仿下面的內容吧，時間不早了，，，
最后請求點贊關注加收藏，好的作品來自粉絲的惠贈
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/296649.html
標籤：其他