亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

章節
問答
課簽
筆記
評論
占位
占位

Responsive布局技巧

通過上面的介紹,大家對響應式設計有了一定的了解,但在實際制作中還是有一些布局技巧的:

在Responsive布局中,可以毫無保留的丟棄:

第一, 盡量少用無關緊要的div;

第二,不要使用內聯元素(inline);

第三,盡量少用JS或flash;

第四,丟棄沒用的絕對定位和浮動樣式;

第五,摒棄任何冗余結構和不使用100%設置。

有舍才有得,丟棄了一些對Responsive有影響的東東,那么有哪些東東能幫助Responsive確定更好的布局呢

第一,使用HTML5 Doctype和相關指南;

第二,重置好你的樣式(reset.css);

第三,一個簡單的有語義的核心布局;

第四,給重要的網頁元素使用簡單的技巧,比如導航菜單之類元素。

使用這些技巧,無非是為了保持你的HTML簡單干凈,而且在你的頁面布局中的關鍵部分(元素)不要過分的依賴現代技巧來實現,比如說CSS3特效或者JS腳本。

說了這么多,怎么樣的布局或者說HTML結構才是簡單干凈的呢?這里教大家一個快速測試的方法。你首先禁掉你頁面中所有的樣式(以及與樣式相關的信息),在瀏覽器中打開,如果你的內容排列有序,方便閱讀,那么你的這個結構不會差到哪里去。

任務

?不會了怎么辦
||

提問題

寫筆記

公開筆記
提交
||

請驗證,完成請求

由于請求次數過多,請先驗證,完成再次請求

加群二維碼

打開微信掃碼自動綁定

您還未綁定服務號

綁定后可得到

  • · 粉絲專屬優惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復提醒
  • · 賬號支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請您關注公眾號
關注后,及時獲悉本課程動態

舉報

0/150
提交
取消
全部 精華 我要發布
全部 我要發布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?