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

Detailed explanation of jQuery chain calls

HTML 5 Reset Stylesheet

Detailed explanation of jQuery chain calls

A detailed introduction to Tomcat directory structure

Essential Handbook for Web Design 216 Web Safe Colors

Overview and Introduction to Linux Operating System

A small introduction to the use of position in HTML

javascript to switch by clicking on the picture

An experienced person will show you how to develop a professional and standardized MySQL startup script

CSS naming conventions (rules) worth collecting Commonly used CSS naming rules

Summary of MySQL time statistics methods

N ways to vertically center a div with single/multi-line text (unknown height/fixed height)

Recommend

The IE environment stipulates that the div height must be greater than the font height

How to implement mask layer in HTML How to use mask layer in HTML

Detailed explanation of nginx request header data reading process

MySQL extracts Json internal fields and dumps them as numbers

Detailed steps for IDEA to integrate docker to achieve remote deployment

Display special symbols in HTML (with special character correspondence table)

Detailed explanation of a method to rename procedure in MYSQL

How to do a good refactoring is not only refactoring the code but also refactoring life

CSS controls the spacing between words through the letter-spacing property

MySQL 8.0.15 installation graphic tutorial and database basics

How to create a table in mysql and add field comments

Command to remove (delete) symbolic link in Linux

Understanding and application analysis of mysql pessimistic locking and optimistic locking

4 ways to optimize MySQL queries for millions of data

Let’s talk in detail about how browsers view closures