入門display inline block運用

2021-09-14 04:44:32 字數 1132 閱讀 6707

這是我第一篇部落格,是我新的開始,我要用部落格記錄我的學習之旅,在這裡我要感謝我的哥哥,他帶我開闊了眼界,糾正了我的格局,給我帶來了正能量。我是乙個小白,學習的路還很長很長,學習了10天html與css,應了一句話,所有浪費的日子都是要還的!

言歸正傳下面總結下這段時間學習出現的問題和學習感想

第乙個問題我要在上面新增乙個logo和乙個搜尋框,搜尋框裡有個搜尋的小圖示

#logo

我發現,logo和搜尋框不能對齊,當時我用float margin等命令除錯,都不出效果,經過幾經周折,最後用到了display:inline-block;和vertical-align:middle;實習。還有那搜尋框外的小圖示就是不進入裡面,我就在想怎樣移動,可是怎麼都移動不了,後來哥哥告訴我把搜尋框的border去掉在外面套乙個邊框,才實現了這個問題。

#logo > *  

#logo > p > *

#logo p

#logo p a

第二個問題

這是原來的**,

賬戶登入賬戶註冊

改變了#zhdl中width:45%,margin-left:26px;得到了想要的效果,不過後面的賬戶註冊

width也是需要修改的.

還有個特別低階的錯誤在這裡我必須強調下自己,在其他登入的後面,那些用到的是backgroud-position命令,插入後面背景圖的時候,路徑寫錯了,並且沒有想到是這個問題!!!!!

我要反思的是我的解題的思路,很重要,出現了乙個問題我應該怎樣去解決,而不是沒有頭緒,以後學習中還會有很多問題,不可能別人都會告訴你,我一點要鍛鍊自己的解決問題的能力與思路,以後的路還很長,學的問題很多,我這可以說才是開始,或者說開始都不算,不過也有點進步,給自己加油!

winner takes all

(6)入門 HTTP入門

http入門 80埠服務http協議 curl s v h frank s 不要顯示進度條 v顯示請求和相應 如果沒有只顯示響應 h frank 新增請求頭 get http 1.1 獲取根目錄,使用的協議是http 1.1 host www.baidu.com 網域名稱 user agent cu...

Hibernate入門 入門案例

4.1 資料庫建立表 create table cst customer cust id bigint 32 not null auto increment comment 客戶編號 主鍵 cust name varchar 32 not null comment 客戶名稱 公司名稱 cust so...

RocketMq入門 入門示例

網上眾說紛紜。有的說啟動命令不對,有的說rocketmq預設不允許開發者私自建立topic。最後手動建立topic。但是發現消費不了訊息,很奇怪。今天我又重新安裝了一遍rocketmq。測試了一下發現還可以。上圖是rocketmq的架構圖。我們必須要對上述的一些組建或者結點做一些說明解釋 produ...