背景圖的尺寸問題
background-size:寬 高;功能:可以設定背景圖大小,但可能會影響到的質量(一般不用)。
background-size:cover(覆蓋);功能:將等比例放大鋪滿容器,可能會溢位,溢位部分會被隱藏。
background-size:contain(包含);功能:將等比例放大,當寬或者高碰到容器邊框了就會停止。
cover與contain有點相似,contain與cover的區別就是撞到邊框會停下,不會溢位,但剩下的部分就不會被填充。
背景圖的基點位置
background-origin: content-box; 基於內容左上角的定位,當有padding時會,定位在paadding內。
background-origin: border-box;基於邊框左上角的定位,
背景圖的裁剪
background-clip: content-box;內容外的部分,背景圖會被裁剪,比如在邊框,padding內的背景圖。
背景圖線性漸變
background-image:linear-gradient(顏色1,顏色2,…);可以設定多個顏色,預設由上往下漸變。
改變漸變的方向: linear-gradient(to right top,…);在參數列顏色前設定漸變方向。
也可以設定漸變的角度,0度是在下方:linear-gradient(0deg,…);正值順時針旋轉,負值逆時針。
設定漸變的顏色強度:linear-gradient(顏色1 10%,顏色2 50%);顏色1從10%開始過度到顏色2,從0%到10%全是顏色1。
背景圖徑向漸變
background-image:radial-gradient(顏色1,顏色2);由中心點開始漸變。
通過設定容器大小,背景漸變,可以做一些漸變類的動畫(動畫行為中設定背景定位)。
通過漸變百分比以及background-size形成的效果
15天學會爬蟲 第十一天
start urls誰構造的請求？def start requests self for url in self.start urls yield request url,dont filter true 當爬蟲開始執行時，首先引擎會呼叫爬蟲類的start requests 方法將start url...
第十一天Python學習記錄
python字串常用功能函式 capitalize 首字母大學，其餘小寫 casefold 全變小寫 center 返回以s為中心的，指定字串填充的指定長度的字串 count 統計s中某個字元的個數 endswith 判斷s是否以指定的字元結尾 startswith 判斷s是否以指定的字元開始 ex...
Linux學習第十一天
一 昨日回顧 1 訊號處理sigaction 2 使用sigaction如何實現不斷重入效果？struct sigaction act act.sa flags sa siginfo sa nodefer 3 想在2號訊號的處理流程過程中，遮蔽3號訊號 struct sigaction act ac...