本章主要講述作爲背景圖像方面的技巧。
1.邊框(添加邊框樣式、去除邊框);
2.爲頁面設置背景圖像,位置設定,固定背景圖像;
3.爲任意元素設置背景圖像;
4.文字放在圖像的上面(作爲背景圖像);
5.爲文檔添加多個背景圖像(本例利用html和body元素產生多重背景圖像的效果);
6.在頁面中使用透明效果(使用PNG格式圖像)。
利用網絡搜索補充學習了padding的4個方向順序(上右下左 順時針),流式佈局(看網上的解釋結合書裏的描述,大概是指頁內佈局元素採用百分數指定位置和大小)。
[個人理解]
自適應佈局:容器元素會根據屏幕分辨率調整位置,容器內的文字不會調整位置(一定範圍內),容器元素的大小在一定程度內不會變;
流式佈局:容器元素會根據屏幕分辨率調整容器的大小,各容器的位置按照比例分配,相對位置不會變;
響應式佈局:容器元素會根據屏幕分辨率調整位置,各容器的大小根據不同屏幕分辨率按照不同比例分配;
靜態佈局:容器元素的大小和位置固定。
較專業的說明:http://blog.csdn.net/iefreer/article/details/40155459
不同效果對比可參考:http://wow.techbrood.com/fiddle/1753