Day7 補充完畢 繼續加油!

2021-10-19 14:26:23 字數 1188 閱讀 1403

今天進度:268/528 

廢話不多說啦,進入學習階段:

這是昨天剩下的乙個小案例,主要是通過顯示隱藏的屬性來製作遮罩層

等我待會再來補充!來啦:

這一部分內容是css的提公升部分,主要內容如下:

1.學習了精靈圖的使用,並且運用了fw這個切圖小助手。

在這裡提及一下,我們網頁中的座標與我們平時的是相反的,

越往右/下、數值越大,用正值來表示,所以往左/上時,是用負值表示。

2.在字型圖示的使用中,又認識了兩個圖示**,分別是icomoon以及iconfont,

3.css三角的製作其實就是利用兩個盒子來實現的,

首先要有兩個盒子,一大一小,然後對小盒子以border-top-color的屬性和border透明的復合屬性製作出三角形

再運用相對浮動的屬性調整小盒子的位置就可以實現了。

4.使用者介面樣式的滑鼠樣式有五種,分別是預設default、小手pointer、移動move、文字text、禁止norwap,

可以直接給結構新增style=coursor: default/pointer/move/text/norwap就能夠實現,也可在樣式新增。

表單輪廓的屬性是input ,防止拖拽文字域的屬性是textarea

5.文字垂直居中對齊使用的屬性是vertical-align: middle中線/baseline預設/top/botton底線。

6.底側有空白縫隙的解決方案就是先給加上vertical-align的屬性,再把轉換為塊元素display: block就可以啦。

7.單行溢位文字顯示省略號的三部步驟:

①使用white-space: nowrap的屬性強制將溢位的文字換行,

②使用overflow: hidden的屬性隱藏溢位的文字,

③使用text-overflow:ellipsis的屬性用省略號代替文字。

8.多行溢位文字顯示省略號與單行略有不同,比較複雜,不推薦使用,請後端人員幫忙實現會更好。

9.margin負值有能夠讓每個排列在一行的盒子擁有自己的四條邊框,

原理是利用margin負值移除重複的邊框,但是很多瀏覽器的都無法相容,謹慎使用。

好啦,今日學習結束,明天要繼續加油才行,目標是做完乙個完整的案例呀!!以及大家晚安哦!!

瀋陽集訓day7

吐槽 記錄 突然才知道自己太菜了,今天t1又因為輸出的時候少輸出了乙個換行符報零,加上就a,真傷心 linux換行和空格是乙個意思啊 t3正解過了 michael為救哥哥身陷囹圄,被關進foxriver監獄。為準備越獄,他需要散布訊息給監獄中其他人來共同協作,但是監獄中魚龍混雜,分成各個小團體,內部...

數模日記 day7

今天開始嘗試建模,彷彿第一次領悟到模型普適性的一點點邊角。貼一段今天的 草稿。經濟效益 根據中國的用水情況,水資源主要被運用於農業 工業 生產。為了合理量化這兩個因素與水資源的關係。在驗證用水量和工農業產值有顯著相關性之後,設立指標 單位耗水的產值k。某區域內,產業b的單位耗水的產值k 計算方法如下...

暑假訓練Day7

今天沒有什麼任務,算是個休息日吧 就把昨天的題目補了一下,大概弄懂了乙個二維樹狀陣列的題,利用隨機數儲存更新的方式也是很巧妙,算是掌握了乙個小技巧吧 感覺這周最大的收穫就是線段樹和樹狀陣列的知識點完善,雖然還是有些不太深入,但是好歹有了基本的思路和概念,比起之前對於樹狀陣列完全不知所云的情況好了很多...