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 the idea of implementing dynamic effect of lyrics progress text color filling change using CSS3

Recommend

Node.js implements breakpoint resume

Table of contents Solution Analysis slice Resume ...

Problems and solutions encountered when deploying a project when upgrading the Mysql database from version 5.6.28 to version 8.0.11

The problems and solutions encountered when deplo...

HTML 5 Reset Stylesheet

Detailed explanation of the idea of implementing dynamic effect of lyrics progress text color filling change using CSS3

Three methods to modify the hostname of Centos7

Causes and solutions for MySQL too many connections error

Summary of the data storage structure of the nginx http module

CSS3 flip card number sample code

Detailed explanation of SQL injection - security (Part 2)

Summary of examples of common methods of JavaScript arrays

HTML sample code for implementing tab switching

Ubuntu compiles kernel modules, and the content is reflected in the system log

A brief discussion on MySQL index optimization analysis

Recommend

Node.js implements breakpoint resume

Problems and solutions encountered when deploying a project when upgrading the Mysql database from version 5.6.28 to version 8.0.11

Docker renames the image name and TAG operation

Detailed explanation of Vue's live broadcast function

A Deep Understanding of Angle Brackets in Bash (For Beginners)

Detailed explanation of MySQL database index

Debian virtual machine created by VirtualBox shares files with Windows host

How to install binary MySQL on Linux and crack MySQL password

Pure CSS to achieve three-dimensional picture placement effect example code

VMware Workstation Pro 16 License Key with Usage Tutorial

Some notes on installing fastdfs image in docker

Three Ways to Find the Longest Word in a String in JavaScript (Recommended)

Responsive Web Design Learning (1) - Determining the screen size and percentage usage

Detailed explanation of the solution to docker-compose being too slow

Introduction to the role of HTML doctype