CSS常見技巧

標籤：span   是什麼   log   合并   水平   作用   常用   範圍   取值   

• CSS Sprite(雪碧圖|精靈圖)指什麼? 有什麼作用

是指將多個icon圖拼接成一幅大圖，該方法是將小表徵圖和背景映像合并到一張圖片上，然後利用css的背景定位來顯示需要顯示的圖片部分。作用是減少載入網頁圖片時對伺服器的請求次數,提高頁面的載入速度。

• img標籤和CSS背景使用圖片在使用情境上有何區別

img圖片一般使用在需要更換內容的圖片，即圖片和內容是相關的；CSS背景一般是針對固定不變的內容，標等背景圖。

• title 和 alt屬性分別有什麼作用

title是滑鼠移動到目標時所顯示的提示文字；alt是元素未載入時顯示的提示文字，使用alt屬性是為了給那些不能看到你文檔中映像的瀏覽者提供文字說明的。

• background: url(abc.png) 0 0 no-repeat;這句話是什麼意思

使用abc.png作為背景圖片，位置座標固定於（0，0）處，不重複顯示。

• background-size有什麼作用? 相容性如何? 常用的值是?

背景圖的尺寸大小

 

• 如何讓一個div水平置中？如何讓圖片水平置中

設定div：margin：0 auto;

圖片水平置中：text-align：center

• 如何設定元素透明? 相容性？

opacity:取值範圍（0，1）

• opacity 和 rgba都能設定透明，有什麼區別

opacity可以用在任何元素上，並且不會控制元素的顏色;
rgba是只能用於可以使用color屬性的元素，並且必須要設定四個值，會影響元素顏色。
opacity會影響所有後代元素，rgba只作用於當前元素。

CSS常見技巧