關於頁面定製css

2022-04-07 22:47:02 字數 586 閱讀 8003

reference:

css3 animation製作飄動的浮雲和星星效果

css之background的cover和contain的縮放背景圖

乙個挺好用的圖床,單張上限10m:

路過圖床

為了讓背景填滿螢幕,寫的時候加上這一句:

background-size: cover;
contain即為適應(完全顯示,但螢幕可能有空白)

cover即為填充(螢幕全部填滿,但可能有裁剪)

如果不寫這句話,預設為平鋪(按原來的大小顯示)

對於這兩個屬性,官網是這樣解釋的:

contain:

此時會保持影象的縱橫比並將影象縮放成將適合背景定位區域的最大大小。

等比例縮放圖象到垂直或者水平其中一項填滿區域。

cover:

此時會保持影象的縱橫比並將影象縮放成將完全覆蓋背景定位區域的最小大小。

等比例縮放圖象到垂直和水平兩項均填滿區域。

部落格園申請及頁面定製CSS

一 背景 剛剛工作滿一年,感覺到工作後在學習方面和之前還是有些不一樣的 在校會有系統的整理歸納基礎知識和逐步學習的乙個過程,最後考試進行比較全面的知識掌握程度檢測 而在工作上學習的內容很大程度上取決於你參與的專案所應用或者即將應用的技術,很少會有檢測你學習進度的過程,更看重的是你能不能滿足需求或解決...

SpringBoot定製錯誤頁面

1 有模板引擎的情況下,例如404錯誤,將會在thymeleaf的templates的error下尋找404.html,如果找不到再尋找4xx.html 所有4開頭的錯誤狀態碼如果找不到特定的html頁面將會指向4xx.html 頁面可以獲取到的資訊 timestamp 時間戳 status 狀態碼...

Java Web應用定製錯誤頁面

在web站點,難以避免使用者輸入錯誤的url,去訪問乙個不存在的檔案,這樣就會導致404錯誤 也難免使用者輸入錯誤的密碼,導致不能通過認證,產生401錯誤。類似地,還有一些其他的錯誤 通常情況下,web伺服器和應用伺服器都配置了預設錯誤頁面,這些頁面會正確地告訴你server的資訊和錯誤的具體資訊。...