Code d'initialisation CSS-tutoriel CSS-php.cn

Code d'initialisation CSS

巴扎黑

Libérer： 2017-04-05 11:26:56

original

1763 Les gens l'ont consulté

Pourquoi initialiser CSS ?

L'initialisation CSS fait référence à la réinitialisation du style du navigateur. Différents navigateurs peuvent avoir des styles par défaut différents, donc la première chose lors du développement peut être de savoir comment les unifier. Des différences de pages entre les navigateurs se produisent souvent si CSS n'est pas initialisé. Chaque fois que nous développons un nouveau site Web ou une nouvelle page Web, nous initialisons les propriétés du style CSS pour rendre les balises CSS ou HTML que nous utiliserons plus pratiques et plus précises, ce qui le rend plus pratique et concis lorsque nous développons le contenu d'une page Web, tout en réduisant la quantité de Code CSS et gain de temps de téléchargement des pages Web.

CSS初始化示例代码

/* css réinitialiser www.admin10000.com */
corps,p,dl,dt,dd,ul,ol,li ,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin :0; rembourrage:0; }
corps {fond :# fff; couleur:#555; taille de police:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { taille de police:14px; }
h1, h2, h3, h4, h5 , h6 { font-weight:normal; font-size:100%; }
adresse, légende, citation, code, dfn, em, strong, th, var { style de police:normal; font-weight:normal;}
a { couleur:#555;texte-décoration:aucun; }
a:hover { décoration de texte :souligner; }
img { frontière :aucun; }
ol,ul,li { style de liste :aucun; }
saisie, zone de texte, sélection, bouton { police :14px Verdana,Helvetica,Arial,sans-serif; }
tableau { border-collapse :collapse; }
html {débordement-y : défilement ;}
/* css commun */
.clearfix:après {contenu: "."; affichage: bloc; hauteur:0; clair :les deux; visibilité : masqué;}
.clearfix { *zoom :1 ; }

Ce qui précède est le code de réinitialisation CSS utilisé par admin10000.com. Ce code est une méthode que je préfère utiliser. Bien qu'il ne soit pas encore parfait, presque tous ceux couramment utilisés sont inclus.

Styles CSS par défaut sous divers navigateurs grand public : ie6 | ie8 | Firefox Webkit (r57042) | Opera 10.51

À propos, le modèle HTML de admin10000.com est donné ci-dessous, qui est utilisé pour chaque nouvelle page de développement.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn">
<head>
　　<title>网站标题 - Admin10000.com </title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Language" content="zh-CN" />
	<meta name="Author" content="网页作者" /> 
	<meta name="Copyright" content="网站版权" /> 
	<meta name="keywords" content="网站关键字" />
	<meta name="description" content="网站描述" />
	<link rel="Shortcut Icon" href="网站.ico图标路径" />
	<link type="text/css" rel="stylesheet" href="CSS文件路径" />
	<script type="text/javascript" src="JS文件路径"></script>
</head>
<body>
</body>
</html>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!