在進行網頁開發的過程中,我們需要對網頁的頁面布局進行初始化。而針對移動端的開發,我們推薦使用h5css來進行布局初始化。
/* h5css reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video, input, textarea { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; } /* 設置 a 標簽顏色為藍色,不帶下劃線 */ a { color:blue; text-decoration:none; } /* 設置 ol 和 ul 列表為無序樣式 */ ol, ul { list-style:none; } /* 設置圖片不超出邊界 */ img { vertical-align:middle; max-width:100%; height:auto; } /* 設置表格全屏顯示 */ table { width:100%; border-collapse:collapse; border-spacing:0; } /* 設置文本選中后高亮顏色 */ ::-moz-selection { background:#00d8ff; color:#fff; text-shadow:none; } ::selection { background:#00d8ff; color:#fff; text-shadow:none; }
上述代碼是h5css reset.css 的初始化樣式代碼,它清除了瀏覽器默認樣式,避免瀏覽器差異帶來的影響。
使用h5css 布局初始化后,我們可以自由發揮我們的布局設計,節約我們的開發時間和成本,同時讓我們的頁面更加穩定和美觀。
上一篇css怎樣表格居中
下一篇mysql1100錯誤