一張圖告訴你，只會CSS還不夠！！！！！，一張css

一張圖告訴你，只會CSS還不夠！！！！！，一張css

會了CSS文法、會了CSS選取器，你就真的會了CSS嗎，來看這張圖！是超實用的CSS程式碼片段的導覽！熊孩子們，趕緊學習去吧！

css中，怎讓一張圖片只在另一張圖片的地區內顯示？

正常的情況如果是嵌套的話也可以實現這樣的效果，用圖片做背景唄。

如果用img的話。無非就是用絕對位置。用z-index來控制顯示的層次。

可以把具體的貼出來，大家分析一下！希望能幫到你。
 
怎用css顯示一個圖片中多個小表徵圖？

去搜一下css中background的用法，一切盡在其中。
最重要的一點是
你要瞭解背景圖片在控制項中顯示的起始位置，控制項的高度，寬度。
以下是簡要分析，你還要實踐一下才能掌握真諦：
對一個寬度40，高度30的div設定一個背景，而背景圖片是一張很多小圖片的組合。
這裡隱含了一個條件，就是小圖片的寬度和高度和小圖片的間隙要大於等於div的設定，原因：
當你設定背景圖片的起始位置時，如果小圖片相對div太小，則會顯示多個小圖片，相反如果小圖片在一張整圖過大或布局不夠友好(比如間隙[上，下，左，右]),那麼也是不算符合要求而導致顯示不完整或不合你的格。
講了上面這麼多，有一個重要的地方，就是如何設定背景圖片的起始位置：
答案就在background-position裡面了，當然background也可以設定。
你找找別人的案例就會發現他們的position都設定為負數，比如background-position:-5px -4px;
這個就是背景圖片顯示的起始位置。那這個數字怎麼設定呢？
哈哈，我是不是在賣關子？
呵呵，不賣關子，你咋能記得住。
還有這可是我經驗的積累，過程，分享。
說正題，圖片在背景的顯示座標(我們就當他是座標)，為從圖片的左上方算起為原點(0,0),
向右則為負(跟一般的橫座標相反),向下也為負(跟縱座標一樣),那麼單位(px，當然也可以是其他的)則為刻度，好了，圖片定位完成。
接下來就是你想要顯示這個背景圖片的哪個小表徵圖，請按座標標記下小圖片的起始位置，那麼
這就是你想要的background-position的結果了，至於怎麼只顯示這個小圖片，就回到上面的講的，需要對背景圖片布局了，以及實際需求(比如div的高度寬度也覺得使用小圖片的大小),
當然你會想，為什麼不直接通過background來設定高度和寬度呢？我告訴你，是不行的。
所以你要對控制項div來設定高度和寬度，讓小圖片剛好顯示出來，說了這麼多，請看以下樣式:
div.myDiv {width:40px;height:30px}
div.myDiv{background-img:url(test.jpg);}
div.normal{background-position:-5px -10px;}
div.over{{background-position:-20px -30px;}
然後是html:
普通情況如下:
<div class="myDiv normal" ></div>
當發生onmouseover事件的時候(當然是你自己添加的事件,不過標籤是<a>的話就用樣式A:over設定了),修改div的樣式變成如下:
<div class="myDiv over" ></div>
那麼實際情況我只是對position的位置做了調整，也就是相當於修改了背景圖片的顯示地區。
而這個顯示地區的變化就是2張小圖片的位置罷了~
好了，講是講完了，該你實踐了~
實踐才是進步的唯一穩步~