Maison > interface Web > tutoriel HTML > HTML 5 Réinitialiser la production de pages Stylesheet_HTML/Xhtml_Web

HTML 5 Réinitialiser la production de pages Stylesheet_HTML/Xhtml_Web

WBOY
Libérer: 2016-05-16 16:42:38
original
1717 Les gens l'ont consulté

Cette réinitialisation CSS est modifiée en fonction de la réinitialisation CSS d'Eric Meyers, et le style d'initialisation des balises correspondantes est spécialement ajusté pour HTML5.

/*
html5doctor.com Réinitialiser la feuille de style
v1.4
27-07-2009
Auteur : Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, adresse, 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, apart, dialogue, figure, pied de page, en-tête,
hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;
padding:0; 🎜>font-size:100%;
vertical-align:baseline;
background:transparent;
body {
line-height:1
}

article, aparté, dialogue, figure, pied de page, en-tête,
hgroup, nav, section {
display:block
}

nav ul {
list-style; :aucun;
}

blockquote, q {
quotes:aucun
}

blockquote:avant, blockquote:après,
q:avant, q :after {
content:”;
content:none;
}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent
}

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

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

del {
text-decoration: line-through; , dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}

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

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

sélectionnez {
vertical-align:middle
}

Que faire mettre à jour le contenu ?
Suppression des styles de balises qui ne sont pas pris en charge dans HTML5, tels que


... Ajout de nouveaux styles de balises dans HTML5, suppression du remplissage, de la marge et de la bordure par défaut, OK Spécifie que l'attribut d'affichage des éléments qui doivent être affichés en tant qu'éléments de niveau bloc est block.

utilise le sélecteur d'attribut

ajoute un sélecteur d'attribut à l'élément

Il s'agit de spécifier un style pour ces deux éléments lorsqu'ils ont l'attribut title . considérée sous l’angle de l’accessibilité.

Discussion
L'ajout de outline:0 au point d'ancrage pose de sérieux problèmes d'accessibilité, ce qui conduit directement à l'échec de la navigation au clavier. ins, mark n'a pas besoin d'ajouter une couleur d'arrière-plan lorsque la couleur de la police n'est pas définie.

Pour plus de contenu, cliquez ici : http://html5doctor.com/html-5-reset-stylesheet/

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal