[看書][CSS精粹(第2版)]第三章 CSS和圖像 & HTML網頁佈局

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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章