精靈圖css
阿新 • • 發佈:2021-10-25
今天學習精靈圖的使用用起來時非常舒服,用的有好處也有壞處
精靈圖的好處:
1.減少圖片的位元組
2.減少了網頁的http請求.
3.只需對一張集合的圖片上命名就可以了,不需要對每一個小元素進行命名,提高了網頁的製作效率。
4.更換風格方便,只需要在一張或少張圖片上修改圖片的顏色或樣式,整個網頁的風格就可以改變。
精靈圖的壞處:
1.圖片如果不夠寬,很容易出現背景斷裂。
2.精靈圖不能隨意改變大小和顏色。
3.如果背景有少許改動一般要改動這張合拼圖片
可以使用background-color屬性為元素設定背景色。這個屬性接受任何合法的顏色值。
這條規則把元素的背景設定為灰色:
p {background-color: gray;}
背景色從元素中的文字向外少有延伸,只需增加一些內邊距:
p {background-color: gray; padding: 20px;}
可以為所有元素設定背景色,這包括 body 一直到 em 和 a 等行內元素。
css提供了text-indernt屬性,該屬性可以方便地實現文字縮排。
css類選擇器