課時100.背景圖片和插入圖片區別（掌握）

omgdog 發布于2019-04-23 13:36 / 1640人閱讀

摘要：快捷鍵補充到這里屬性基本就講完了，然后我們還有一些的屬性沒有講，但是要用到盒子模型，現在我們沒有學盒子模型，所以不用講背景圖片和插入圖片區別我們先來看一個例子如何快速的打出以下代碼鍵現在，我們要分別用背景圖片和插入圖片的方式插入

快捷鍵補充：

bc? background-color:;

bi??background-image:;

bgr?background-repeat:;

gp??background-position:;

ba??background-attachment:;

bg +??background：#fff? ?url()? ?0? 0? no-repeat;

到這里屬性基本就講完了，然后我們還有一些CSS3的屬性沒有講，但是要用到CSS盒子模型，現在我們沒有學盒子模型，所以不用講

1.背景圖片和插入圖片區別？

我們先來看一個例子

如何快速的打出以下代碼？

div.box$*2? ?tab鍵

現在，我們要分別用背景圖片和插入圖片的方式插入兩張圖片，要讓div的寬和高等于圖片的寬和高

現在我們要在.box1中放一些內容

我是文字

1.1 背景圖片僅僅是一個裝飾，不會占用位置，插入圖片會占用位置

我們修改了一些代碼

我現在，想把左上角的背景圖移到右下角，背景圖片有定位屬性，我可以在第一個div的范圍任意修改位置

這樣我們背景圖就移到了div的右下角，而我們想把box2的圖片移動到右下角，目前我們沒有知識能夠做到

1.2背景圖片有定位屬性，所以可以很方便的控制圖片的位置，插入圖片沒有定位屬性，所以控制圖片的位置不太方便

1.3插入圖片的語義比背景圖片要強，所以企業開發中如果你的圖片想被搜索引擎收錄，那么推薦使用插入圖片

云服務器 GPU云服務器插入圖片 ppt插入圖片 python圖片插入 word插入圖片

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/2094.html

課時97.背景定位上（掌握）

摘要：注意點同一個標簽可以同時設置背景顏色和背景圖片，如果顏色和圖片同時存在，那么圖片會覆蓋顏色，但凡給我們的標簽設置了背景圖片以后，我們發現這個圖片一直在左上角，我如果不想讓它在左上角應該怎么辦呢這就要用到我們這節課的內容。注意點：同一個標簽可以同時設置背景顏色和背景圖片，如果顏色和圖片同時存在，那么圖片會覆蓋顏色，但凡給我們的標簽設置了背景圖片以后，我們發現這個圖片一直在左上角，我如果不想...

codecraft 2019-04-23 13:36 評論0 收藏0
課時90.div和span（掌握）

摘要：和都可以把信息獨立稱一個小小都區域。有的人在這里用，這里不推薦，因為是用于和表單元素進行綁定的，它和表單元素搭配使用的。和有什么區別會單獨的占一行，而不會單獨占一行。是一個容器級別的標簽，而是一個文本級別的標簽。為什么在這里講解div和span呢，而不在html中講解呢？因為在我們的開發中div和span一般是配合css來使用的，來完成一定的效果，來設置一些屬性，在前面我們沒有學習css，...

Yuqi 2019-04-23 13:36 評論0 收藏0
課時95.背景圖片（掌握）

摘要：如何設置背景圖片在中有一個叫做的屬性，就是專門用于設置背景圖片的。1.如何設置背景圖片？在css中有一個叫做background-image:url();的屬性，就是專門用于設置背景圖片的。注意點： 1.圖片的地址必須放在url()中，圖片的地址是本地的地址，也可以是網絡的地址 2.如果圖片的大小沒有標簽的大小大，那么會自動在水平和垂直方向平鋪和填充 3.如果網頁上出現了圖片，那...

tylin 2019-04-23 13:36 評論0 收藏0
課時96.背景平鋪（掌握）

摘要：如何控制背景圖片的平鋪方式在中有一個屬性，就是專門用于控制背景圖片的平鋪方式的取值默認，在水平和垂直都需要平鋪在水平和垂直都不需要平鋪只在水平方向平鋪只在垂直方向平鋪應用場景先看原理圖片可以通過背景圖片的平鋪來降低圖片的大小，提升網1.如何控制背景圖片的平鋪方式？在CSS中有一個background-repeat屬性，就是專門用于控制背景圖片的平鋪方式的取值： repeat? ?默認，在...

alin 2019-04-23 13:36 評論0 收藏0
課時98.背景定位下（掌握）

摘要：我們來看控制背景圖片的位置，在企業開發中用在什么地方呢我們打開一個網站，如盛大游戲，保存它的背景圖到本地我們先點擊檢查，查看背景圖的地址然后將地址復制到地址欄中然后將圖片保存到本地工程的文件夾中然后在網頁中先用打開發現圖片不能完全顯示，然我們來看控制背景圖片的位置，在企業開發中用在什么地方呢？1.我們打開一個網站，如盛大游戲，保存它的背景圖到本地 http://www.sdo.com/ 我們...

wuyangnju 2019-04-23 13:36 評論0 收藏0