10段实用的HTML5代码
16lz
2021-01-22
1.HTML5编写的CSS Reset
CSS Reset也可以写成Reset CSS,即重设浏览器样式。
- /* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clarkhtml5doctor.com/html-5-reset-stylesheet/*/
- html, body, div, span, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- abbr, address, cite, code,
- del, dfn, em, img, ins, kbd, q, samp,
- small, strong, sub, sup, var,
- b, i,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td,
- article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
- time, mark, audio, video {
- margin:0;
- padding:0;
- border:0;
- outline:0;
- font-size:100%;
- vertical-align:baseline;
- background:transparent;
- }
- article, aside, figure, footer, header,
- hgroup, nav, section { display:block; }
- nav ul { list-style:none; }
- blockquote, q { quotes:none; }
- blockquote:before, blockquote:after,
- q:before, q:after { content:''; content:none; }
- a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
- ins { color:#000; text-decoration:none; }
- mark { color:#000; font-style:italic; font-weight:bold; }
- del { text-decoration: line-through; }
- abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
- /* tables still need cellspacing="0" in the markup */
- table { border-collapse:collapse; border-spacing:0; }
- hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
- input, select { vertical-align:middle; }
- /* END RESET CSS */
更多相关文章
- 工作中遇到的几个CSS样式表的问题
- php 把驼峰样式的字符串转换成下划线样式的字符串
- 来自php表单的样式电子邮件
- 当页面上有多个按钮时,按钮样式在页面加载上有厚的边框
- 为什么通过JavaScript更改样式会受到CSS过渡的影响
- 如何在execCommand formatBlock 'p'标签中添加类或id或CSS样式?
- arcgis api for js入门开发系列十 自定义Navigation控件样式风格
- Javascript没有返回样式属性[重复]
- Vue绑定内联样式问题