對于居住在國外，由于版權限制無法使用網易云音樂，蝦米，QQ音樂等國內音樂App聽音樂的小伙伴來說，Youtube真的是個好東西。上面不僅能搜到幾乎所有的中英文歌曲，并且根據你聽的音樂自動生成的List也是異常強大，但是Youtue App 有個缺點，就是不能背景播放，如果有這個需求需要充值買會員。
其實有一個非常簡單的方法可以實現youtube視頻背景播放，只需要手機瀏覽器，不需要安裝任何額外APP，適用于Android和IOS設備。
以Chrome瀏覽器為例，
WordPress.買粉絲 托管您的 WordPress 網站，還是使用自我管理的服務器，本教程都適合您。您將學習以下為 WordPress 網站設置背景圖片的方法：
添加帶有 WordPress 主題設置的背景圖片
使用 WordPress 插件添加背景圖片
使用css添加背景照片
選項 1. 使用 WordPress 主題設置添加背景圖像
許多免費的 WordPress 主題可讓您設置背景圖像。我正在使用二十一二十一主題，這是博客、portfol ios和小型企業的簡單首選主題。此主題還允許您擁有背景圖像。
登錄到您的 WordPress 網站的管理部分。您可以從這里處理大部分 WordPress 設置。
WordPress 如何登錄到您的 WordPress 網站 管理儀表板 Adi Purdila
單擊外觀，其中包含您網站外觀的所有設置。系統會要求您選擇一個主題。選擇二十一二十一作為您的主題（或任何其他允許您擁有背景圖像的主題）。
現在，將鼠標懸停在外觀菜單上，然后單擊背景。將出現主題定制器窗口，讓您選擇背景圖像。
現在，選擇圖像，然后從 WordPress 庫中選擇圖像或上傳圖像。
您可以設置背景圖像的詳細信息，例如替代文字、標題、標題和說明。如果您的重點是 seo，添加替代文本總是一個好主意。
選擇圖像并保存設置后，您的 WordPress 背景圖像將發生變化。現在，您可以探索不同的預設選項（填充屏幕、適合屏幕等），這將使您的背景圖像看起來完全符合您的要求。
請記住單擊左上角的保存更改按鈕，否則您的更改將不會被保存。
選項 2. 使用 WordPress 插件添加背景圖像
僅當您擁有一個自我管理的 WordPress 網站或者您已從 WordPress.買粉絲 購買了付費計劃時，才建議使用插件來更改您網站的外觀。如果您選擇通過免費的 WordPress.買粉絲 帳戶使用插件，您的域將從 .wordpress.買粉絲 更改為.wp買粉絲staging.買粉絲，這并不理想。
插件為您的 WordPress 網站提供了許多特性和功能。例如，使用背景插件，您可以在網站的多個區域添加不同的背景：帖子、頁面和類別。您還可以使用一個插件將 YouTube 視頻設置為背景。插件還可以為手機調整圖像和視頻的大小，以便您的觀眾可以輕松地通過手機欣賞您的網站。
對于本教程，我們使用了一個非常基本的免費插件。它被稱為簡單的全屏背景圖像插件。
激活插件后，將鼠標懸停在appearance上。現在，單擊新選項Fullscreen BG Image。
然后，單擊選擇圖像并上傳您想要作為 WordPress 背景圖像的圖像。如果您之前在其中添加了首選背景圖像，您也可以從媒體庫中選擇圖像。
您可以根據需要添加圖像的替代文字、標題和描述等詳細信息。單擊使用圖像，然后單擊保存選項。
現在，前往您的網站查看您的 WordPress 背景圖片的外觀。
選項 3. 使用 CSS 添加背景照片
同樣，要使用 CSS 添加背景圖像，您需要擁有一個自托管的 WordPress 站點，或者在 WordPress.買粉絲 上訂閱付費計劃。自定義 CSS 不僅允許您添加背景圖片，還可以對網站的外觀進行各種更改，使其看起來完全符合您的要求。
導航到 WordPress 儀表板，然后單擊外觀 > 附加 CSS。
現在，在 CSS 字段中添加這些代碼行來設置 WordPress 背景圖像。
body {
background-image: url("買粉絲s://theimageurl");
background-position: center center;
background-size: 買粉絲ver;
background-repeat: no-repeat;
background-attachment: fixed;
}
替換 買粉絲://theimageurl為您要用作 WordPress 背景圖像的圖像的 URL。
您還可以在 WordPress 網站上的各個帖子中添加自定義背景和圖像。為此，您將需要以下代碼：
body.category-slug {
background-image: url("買粉絲://anotherimageurl");
background-position: center center;
background-size: 買粉絲ver;
background-repeat: no-repeat;
background-attachment: fixed;
}
就像以前一樣，您必須替換買粉絲://anotherimageurl為要使用的圖像的 URL。您還必須替換slug為您網站上現有類別的名稱。
在 CSS 中完成更改后，不要忘記單擊Save Changes按鈕來存儲所有修改。現在您可以訪問您的網站以查看新的背景圖片！
注意圖像尺寸
但是，另一方面，僅僅為了縮小尺寸而添加質量較差的圖像也會對用戶體驗產生負面影響。因此，理想的做法是保持平衡并添加高質量的圖片，但僅在必要時——即當它們為您的內容增加價值時，并且僅增加所需的分辨率。
概括
在本教程中，我向您展示了設置 WordPress 背景圖像的三種方法。
通過主題外觀設置添加背景圖片
使用插件添加背景圖片
添加自定義 CSS
您可能需要也可能不需要 WordPress 網站的背景圖片。但是，如果您選擇使用背景圖片，請知道它是為您的受眾設定品牌風格的重要元素。因此，請確保您的 WordPress 背景圖片反映了您的品牌形象。
css網頁布局方式css布局的幾種方式
1。a列布局:一般是固定的寬度和高度。margin:0買粉絲設置為水平居中，用于界面上突出標題的顯示等。2.兩列布局:說到兩列布局，最常見的就是用float來實現。浮動布局的缺點是浮動會造成文字換行等效果，浮動需要及時清除。
3.三欄布局:兩邊寬度固定，中間自適應。首先設置父元素的寬度，可以設置左、右、左浮動。然后在中間設置邊距來調整間距。您還可以將它們設置為向左浮動，設置邊距，并調整間距。還要注意清除浮動的影響。
4.混合布局:在一欄式布局的基礎上，保留頂部和底部，將中間主要部分改造成兩欄式或三欄式布局。小模塊也可以用同樣的方法一步一步劃分。
app設計中，常用的界面布局方式有哪些？
您已經對如何使用網格有了基本的了解，您可能想知道如何將其應用于您在網絡上看到的布局。響應式網格是一種系統地調整您的設計，分配命令，建立層次結構和“邏輯”設計的方法。它使事情看起來不那么浮動，您通常可以分辨出誰在使用網格以及誰沒有使用網格。隨著人們成為更好的設計師，他們的眼睛不斷在各處繪制水平和垂直線，以創建這種順序和對齊方式。
在該注釋上，我經常會遇到諸如“等等，粘性面板如何在網格布局中工作?”之類的問題。或“您對端到端的Web應用程序做什么?”我們將研究響應式網格的一些應用程序，以及它們如何按比例縮小到移動設備。更重要的是，我想教您如何混合和匹配布局以適應您的設計需求。
如果不確定如何在響應式設計中使用網格，請閱讀第一部分：響應式網格以及如何實際使用它們。還是順其自然，一切都很好。
免責聲明：我不在這些公司中任職，也不知道他們如何建立自己的網格。這純粹是一個學習練習，我僅以這些網站為例。
單列布局
又名全頁布局。這是最簡單的布局，用于登錄頁面。您有足夠的空間來顯示大圖像，以創建可增強您的產品或品牌的聲明。一欄式布局中的事物充當單獨的模塊，并且易于在移動設備上擴展，因為事物已經按照您希望它們顯示的順序進行了堆疊。因為它在激發情緒方面非常強大，所以這是主頁，，操作指南或新產品等的通用布局。即使在模塊中，也有可能將事物分成不同的網格列，整體而言正在利用12列作為主要內容。
網格使用
您可以清楚地看到，WeWork在其設計中使用了網格，因為盡管每一行都劃分了所有內容，但它們仍然排列在一起。一個簡單的贈品是元素之間的填充量是一致的(在4張卡片和兩個客戶成功案例之間)，并且外部邊緣的寬度相同，這使此設計非常令人賞心悅目。我也喜歡這個示例，因為它表明您仍然可以在執行基于行的模塊的同時以有趣的方式分解頁面。
例子
這是一列布局的其他一些示例。請注意，父元素內的元素可能如何劃分為不同的列，但整個父元素位于一個主容器下。
兩列布局
這可能是最常見的布局之一，只是因為您不希望文本的寬度超過6_8列。另一個好處是您可以將其他元素置于折疊上方，并使用此側欄進行導航，廣告，號召性用語，類似清單等。您應將8欄用作主要內容，并將4欄用作側面內容。這樣，您的兩面都是偶數，如果需要，您可以將主要內容切成兩半，以很好地并排顯示內容。