頁面布局基礎3

2021-06-26 16:22:24 字數 608 閱讀 3306

html 5的結構元素

1.html5引入語義上的結構性元素來配置網頁區域,這些新的塊級元素並不是取代div元素,而是和div及其他元素結合使用。

2.更多html5結構元素

css對列印和移動web的支援

1.為瀏覽器顯示建立乙個外部樣式樣式表和列印設定建立另乙個樣式表,現代瀏覽器會根據在螢幕上顯示還是列印顯示選擇正確樣式表。用link元素將樣式表關聯到網頁時,要用到media屬性。 值

用途screen

預設值:指出樣式表配置的是彩色計算機顯示器上

瀏覽器視窗的顯示

print

指出樣式表配置的是列印時的格式

handhelp

指出樣式表配置的是手持移動裝置上的顯示

通常,我們會在列印樣式表中使用display:none屬性防止列印條幅廣告、導航欄或者其他無關區域。在列印樣式表中使用pt為單位設定字型大小,可更好控制列印文字。

2.可單獨建立乙個樣式表來配置在移動裝置上顯示,設定media="handhelp"即可。

3.移動裝置設計注意事項

4.移動設計核對表

CSS頁面布局基礎

5 css頁面布局基礎 字符集不能設定寬度,如果要設定寬度必須display設定成塊級 inline 字符集 block 塊級 padding內邊距,border邊框,margin外邊距。4個 上 右 下 左,3個 上 左右 下,兩個 上下 左右,乙個 上下左右。元素浮動 float none 沒有...

頁面布局基礎1

相對定位和絕對定位 1.相對定位用於小幅修改某個元素的位置,使之相對於正常情況應該出現的地方稍微移動一下位置。使用position relative屬性,再連同left,right,top和bottom等屬性,即可實現相對定位功能。屬性名稱 屬性值用途 position static relativ...

css頁面布局基礎

1.盒模型 margin padding 行高line height 2.vertical align 垂直對齊方式 行高居中 3.如果div沒有設定高度,則會自動增加設定後,自動不變 4.絕對定位 使用position absolute 宣告 使用乙個或多個偏移屬性 top right 相對於其容...