HTML 5 Reset Stylesheet

HTML 5 Reset Stylesheet
This CSS reset is modified based on Eric Meyers' CSS reset, and specifically adjusts the initialization style of the corresponding tags for HTML5.

/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

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, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}

article, aside, dialog, 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;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

input, select {
vertical-align:middle;
}

What to update?
Removed those tag styles that are not recommended in HTML5, such as <acronym><font><big>... Added new tag styles for HTML5, removed the default padding, margin and border, and made sure that the display attribute of elements that should be displayed as block-level elements is specified as block.

Using attribute selectors

Attribute selectors are added to the <abbr> and <dfn> elements to specify a style for these two elements when they have the title attribute. This is considered from the perspective of accessibility.

discuss

Adding outline:0 to an anchor point has serious accessibility issues and will disable keyboard navigation.

ins, mark does not need to add background color when the font color is not set.

For more information, click here: http://html5doctor.com/html-5-reset-stylesheet/

<<:  Solution to Docker's failure to release ports

>>:  Detailed explanation of CSS animation attribute keyframes

Recommend

CSS to achieve the small sharp corner effect of bubbles

Effect picture (the border color is too light, pu...

Detailed explanation of the cache implementation principle of Vue computed

Table of contents Initialize computed Dependency ...

Vendor Prefix: Why do we need a browser engine prefix?

What is the Vendor Prefix? Vendor prefix—Browser ...

Vue implements start time and end time range query

This article shares with you how to query the sta...

Analysis of the advantages and disadvantages of MySQL stored procedures

MySQL version 5.0 began to support stored procedu...

Analyze the usage and principles of Vue's provide and inject

First, let's talk about why we use provide/in...

Graphical steps of zabbix monitoring vmware exsi host

1. Enter the virtualization vcenter, log in with ...

How to completely delete and uninstall MySQL in Windows 10

Preface This article introduces a tutorial on how...

Quickly solve the problem that the mysql57 service suddenly disappeared

one, G:\MySQL\MySQL Server 5.7\bin> mysqld --i...

Summary of solutions for MySQL not supporting group by

I downloaded and installed the latest version of ...

Specific operations of MYSQL scheduled clearing of backup data

1|0 Background Due to project requirements, each ...

How to install multiple mysql5.7.19 (tar.gz) files under Linux

For the beginner's first installation of MySQ...

5 commonly used objects in JavaScript

Table of contents 1. JavaScript Objects 1).Array ...