指定後臺圖片大小
background-size：bg-size , bg-size
bg-size = auto | length | percentage | cover | contain
- 預設值為auto，即配景圖片原始長寬。
- length指定圖片具體巨細的數值，不許可負值。
- percentage以背景圖地點元素的百分比指定背景圖巨細，不允許負值。
- length與percentage可設定2數值，也可只設定1個數值，當只設定一個數值，另外一個數值(高)預設值為auto，此時高度以後臺圖原始寬高比例，主動縮放。
- cover主要用於佈景圖小於所在的內容，而靠山圖又不適合利用repeat，此時就能夠採用cover的方式，使配景圖放大至內容的巨細，但此方法輕易使佈景圖因放大而失真。
- contain與cover正好相反，主要用於靠山圖大於地點內容，但卻需要將配景圖完全出現，此時就可採用contain的體式格局，使背景圖縮小至內容的大小。
效果顯現為了讓顯現效果有顯明的區分，典範中的屬性預設為：
width:300px;height:200px;border:1px solid #CCC;background:#FFFFFF url(bg.jpg) no-repeat left top;
prescoevlti 發表在 痞客邦 留言(0) 人氣()
CentOS 8 的 firefox 沒法播放youtube影片錯誤以下
需安裝 ffmpeg
起首
prescoevlti 發表在 痞客邦 留言(0) 人氣()
2023 調劑 Chrome 設定方法
今朝 Chrome 版本，避免主動重新載入分頁的方式已對照簡單，請見下圖：
網站架設
prescoevlti 發表在 痞客邦 留言(0) 人氣()
prescoevlti 發表在 痞客邦 留言(0) 人氣()
以下有兩個大項目需要設定，依序為：
若何申請Google Maps API金鑰？
如何啟用Google Maps API辦事？
prescoevlti 發表在 痞客邦 留言(0) 人氣()
網站架設
web gzip 測試網站
1、什麼是gzip
gzip是一種數據格式，默許且今朝僅使用deflate算法壓縮data部門；
Gzip是一種風行的文件緊縮算法，目下當今的應用十分普遍，特別是在Linux平台。當利用Gzip緊縮到一個純文本文件時，效果是非常明顯的，大約可以削減70％以上的文件巨細。這取決於文件中的內容。
|
prescoevlti 發表在 痞客邦 留言(0) 人氣()
ubuntu firefox播放久了，俄然不克不及用了
顯示
ubuntu firefox youtube cannot play
安裝插件
prescoevlti 發表在 痞客邦 留言(0) 人氣()
網站架設
資料庫往往是有看沒有懂
圖解秒懂SQL語言
prescoevlti 發表在 痞客邦 留言(0) 人氣()
比來電腦重灌WIN10
arduino從頭安裝及設定
發現輸入開辟管理員網址時會呈現毛病
- https://dl.espressif.com/dl/package_esp32_index.json
prescoevlti 發表在 痞客邦 留言(0) 人氣()
在使用CSS的時候，用某些殊效能讓網站更有活力，假如應用JQUERY又過分複雜
不外今天作者看到某網站的運用不錯，於是就哄騙CSS也做了
可以看到下圖，滑鼠未移置圖片類型
 
用CSS寫下列代碼
- .chimga{
- margin:10px;
- width:100%;
- height:100%;
- box-sizing:border-box;
- overflow:hidden;
- display:block;
- }
- .chimga:hover img{
- -moz-transform:scale(1.3) rotate(2deg);
- -webkit-transform:scale(1.3) rotate(2deg);
- -o-transform:scale(1.3) rotate(2deg);
- -ms-transform:scale(1.3) rotate(2deg);
- transform:scale(1.3) rotate(2deg);
- }
網站架設 複製代碼
|
prescoevlti 發表在 痞客邦 留言(0) 人氣()
