一次網頁實現的總結

2021-09-25 18:24:31 字數 1252 閱讀 8492

//2019-7-31 22:46:15

師傅給的案例其實很簡單,但是花了兩天才做完,整整兩天,累計花費的時間超過20個小時。

我逐漸意識到,這裡面不光是技能熟練度的問題,還是方式方法的問題。

從功能的實現上來看這次工作能把樣式基本上都做出來是完成了任務,

但從細節去體會期中的問題是還存在不少細小的問題,這一點是還有很大的空間的,

於是我此刻能做的,就是回想與總結,找出犯過的錯誤,歸類簡便的方法。

1、在pc端布局居中的方法一般用**「寬度自動左右外邊距」**(width:1200px;margin: xxpx auto;)對齊。

2、通過**查詢器使得頁面適應手機端,應採用取消中間塊寬度的方法。

3、禁止使用者選擇(user-selet:none)

4、背景靜態框動態:

background: url(../img/homepage/57344e66ec33d.jpg);		【這裡如果願意的話,可以加乙個center及top】

background-attachment: fixed;

background-size: cover;

5、transform變形scale(x,y)

這個transform: scale(0, 1);中的scla有兩個引數,乙個是x,乙個是y,他們的意思分別是在x軸上的變換和在y軸上的變換。

【這裡面的0表示x軸變到原來的0倍,1表示y軸變成原來的1倍(就是不變)】

具體參見:

(這個**下面的講清楚了,上面那部分講什麼座標變換的,我也看得一臉懵逼【不去管它】)

雖然這裡只是對scale進行了一次微不足道的探索,但是我感覺在這裡已經找到了一些不一樣的東西了。

6、:nth-child(1) 選擇器的使用,以前我用這個選擇器,總是這樣把所有元素的第乙個元素都選下來,我總算搞懂怎麼只選擇我想選擇的第乙個了。

這裡p後面緊跟乙個:nth-child(3)選擇器,就表示我只要類名為『company-introduction-text』 ,下所有p元素的中的第三個元素。(而不是所有元素的第三個子元素)

7、保持乙個塊狀元素的長寬比不變。

使用padding-bottom:30%,這樣子可以做到長度適應寬度(我依稀記得,前兩天同事說的,padding-bottom的百分比是按照寬度來計算的)【當然,這裡用padding-top也是可以的】

最後一次總結

一 函式scanf 和gets 都可用來輸入字串,而printf 和puts 都輸出字串。在scanf 中使用 s,輸入引數必須是字元型陣列名。該函式遇回車或空格輸入結束,並自動將輸入的資料和字串結束符 0 送入陣列中。gets中遇回車輸入結束,自動將輸入的一串字元和 n 送入陣列中 二struct...

C 實現程式只啟動一次 總結

我前面的三篇文章是從網上找到的 如下鏈結 都說是實現程式只啟動一次的功能。c 防止程式多次執行 c 檢測程式重複執行的函式 可以在多使用者登入情況下檢測 c 實現程式只啟動一次 多次執行啟用第乙個例項,使其獲得焦點,並在最前端顯示 c 實現程式只啟動一次 實現程式自重啟 一 使用system.thr...

10天的一次總結

在室裡頭進入了乙個資訊處理方向的專案組,主要是基於web的乙個大的資訊系統,可以整合室裡的大部 分產品,形成乙個大型綜合資訊採集處理平台。10天的時間,已經開了3次會,最長的一次用了4個半小時,評審專案的需求,制定月工作計畫,以及相關 任務的分配。老大給我分配了乙個資訊處理模組,涉及到資料的處理,說...