學習前端的第二十四天

2021-10-05 03:36:40 字數 711 閱讀 3282

一、grid布局 針對的是子元素布局。

1.形成乙個網格結構(父元素新增):

display:grid;

2.劃分行和列

grid-template-columns:

grid-template-rows:

如果是3個值 代表3行或3列 能接受具體的px 也能是百分比

劃分行和列的時候的關鍵字 和 方法:

a: repeat(重複的次數,重複的值)

b: auto-fill關鍵字( 自動填充 )

c: fr關鍵字(列寬片段)

d: minmax(最小值,最大值)

3.grid-gap:20px 30px; 簡寫形式

4.指定某個專案所在的區域:

grid-template-areas:

『a a a』

『. . b』

『. c c』;

注: grid-template-areas 必須和 grid-area共同使用

grid-area放在具體某個專案裡面的,指定專案名稱.

5.指定順序:

grid-auto-flow:row/column

6.內容在專案裡面的對齊方式:

place-items:

注: 網格內部的內容固定的大小 百分比的時候 左右的對齊方式會產生bug

7. place-content:; 控制整個網格在父元素裡面的對齊方式.

冥想第二十四天

還有乙個需要提高的地方就是 慢一點,以往自己對成功和只是追求的太急切。一急切就亂了節奏,適當的急切是必要的 放輕鬆全身都是最舒服的狀態。平靜的內心讓自己能面對生活的困難。感謝自己,感謝家人,感謝朋友,感謝一切。不責怪自己,一天比一天進步就好。慢慢來。下午和客戶積極的溝通,全身心的投入,發現一點也不困...

連續總結第二十四天

11.4 康鑫 連續總結第二十四天 今天學習了課本上有關陣列的知識,陣列與指標。1,指標運算包括a,賦值運算 b,算術運算 c,關係運算 d,邏輯運算。2 一維陣列 a 與指標 p 3,二維陣列 b,m行n列 與指標。4,字元陣列 s 與指標 ps 5,指標陣列 完成了課本的例題,通過程式設計實現二...

2017 8 23暑假集訓第二十四天

今天一共a了兩道題 1001.1002 比較簡單的?1001做了一上午 一直在繞一點 當輸入字元m後,要輸入五個數字 用scanf輸入的 但是!卻只寫了四個 d!然後就一直在找bug!找了一上午。我很疑惑,為什麼編譯能過!提交還是莫名其妙的wa!一直在懷疑自己!下午 睡過頭了 來的晚了 1007看了...