前端開(kāi)發中(zhōng)如何将文件夾中(zhōng)的圖片變爲背景圖
一(yī)、web前端怎麽加背景圖片？
web中(zhōng)将圖片設爲背景圖片的代碼如下(xià)：
<html>
<body background="a.jpg">
</body>
</html>
這樣就把圖片a.jpg設爲背景圖片了。
<body bgcolor="#cccccc">
這個是把背景設成灰色
web前端開(kāi)發工(gōng)程師是一(yī)個很新的職業，是從事web前端開(kāi)發工(gōng)作的工(gōng)程師。主要進行網站開(kāi)發，優化，完善的工(gōng)作。網頁制作是web 1.0時代的産物(wù)，那時網站的主要内容都是靜态的，用戶使用網站的行爲也以浏覽爲主。
web 非常流行的一(yī)個很重要的原因就在于它可以在一(yī)頁上同時顯示色彩豐富的圖形和文本的性能。在web之前internet上的信息隻有文本形式。web可以提供将圖形、音頻(pín)、視頻(pín)信息集合于一(yī)體(tǐ)的特性。
大(dà)量的圖形、音頻(pín)和視頻(pín)信息會占用相當大(dà)的磁盤空間，我(wǒ)們甚至無法預知(zhī)信息的多少。對于web沒有必要把所有信息都放(fàng)在一(yī)起，信息可以放(fàng)在不同的站點上，隻需要在浏覽器中(zhōng)指明這個站點就可以了。在物(wù)理上并不一(yī)定在一(yī)個站點的信息在邏輯上一(yī)體(tǐ)化，從用戶來看這些信息是一(yī)體(tǐ)的。
web的交互性首先表現在它的超鏈接上，用戶的浏覽順序和所到站點完全由他自己決定。另外(wài)通過form的形式可以從服務器方獲得動态的信息。用戶通過填寫form可以向服務器提交請求，服務器可以根據用戶的請求返回相應信息。
二、web前端怎麽設置頁面圖片背景
background:url(圖片地址)no-repeat
三、前端圖片用背景圖和src
前端插入圖片(img)和背景圖片(background)應用區别 原創
前端插入圖片(img)和背景圖片(background)應用區别
img
1、會占用資(zī)源數
background 背景圖
1、圖片的尺寸非常好控制 css3中(zhōng) 的 background-size
2、背景圖位置可以 很好的控制
3、背景圖可以通過構建工(gōng)具，打包成base64編碼放(fàng)進css中(zhōng)去(qù)，不會占用 http請求數
應用區别
如下(xià)場景使用img标簽比較合适：
1、使用img(alt文本)圖像有一(yī)個重要的語義時,比如一(yī)個警告圖标。這将确保圖像的意義可以很好的和user-agents溝通,包括屏幕閱讀器。
2、如果你依賴于浏覽器縮放(fàng)圖像比例并且可以呈現不錯的效果時使用img。
3、如果配合 z - index 伸展背景圖像來填補它的整個窗口時使用img。
4、使用img代替有背景圖像可以顯著提高性能的動畫背景。
5、img會首先加載因爲src在html文件本身中(zhōng)而在有背景圖像源是樣式表中(zhōng)引入的圖像，加載樣式表加載後,延遲加載的網頁。
如下(xià)場景使用background-image屬性比較合适：
1、如果圖像不是内容的一(yī)部分(fēn)時使用backgrond-image。
2、當圖像代替文本使用時使用backgrond-image（避免出現無語義化标簽）。
3、如果需要縮短下(xià)載時間通過css sprites 時使用backgrond-image。
4、如果你隻需要展示圖像的一(yī)部分(fēn)通過css sprites，時使用backgrond-image。
5、如果你需要爲不同的屏幕分(fēn)辨率展示不同的圖像使用 media查詢時使用backgrond-image。
