Notes du jour 6 HTML5

Mise en page CSS

Flux normal de documents : l'ordre dans lequel les éléments sont disposés de haut en bas

Hors flux de documents : les éléments sont retirés de l'ordre de disposition normal

Flottant : déplacez les éléments au niveau du bloc à l'extrême gauche et à droite de l'élément parent (disposés selon notre propre signification)

float (float) : gauche/droite/aucun ; clear (clear): left /right/both;

float flotte par rapport à l'élément parent

float est souvent utilisé pour des graphiques et du texte mixtes

S'il y a un flottant élément, son élément parent s'effondrera en hauteur.

L'opacité représente la transparence

Mise en page de la page Web PC

Largeur fixe et mise en page centrée

Mise en page de l'en-tête de la bannière, de la navigation et du pied de page

Composants de base : en-tête, navigation, bannière, corps, pied

Style global : (doit être écrit à chaque fois que vous créez une page)

——— —————————————————————————————————Le navigateur apparaît lorsque margin-top est ajouté à

*{
margin:0;
padding:0;
box-sizing:boder-box;content-box;
}
body{
font-size:12px;
font-family:Microsoft YaHei,"微软雅黑";
width:1000px;
margin:0 auto;
}
ul,ol,li{
list-style:none;
}
a{
text-decoration:none;
}
img{
border:none;
}

enfant éléments Incompatibles, donnez simplement un remplissage à l'élément parent : 0,1 px pour résoudre le problème

Police cachée-font-size :0px

Attribut de coin arrondi : border-radius:20px 30px 40px 50px ; ;

Lorsque vous faites un cercle, indiquez simplement border-radius:50%;.

display:block; Convertir les éléments en ligne en éléments de niveau bloc

L'affichage par défaut des éléments en ligne est display:inline; l'affichage par défaut des éléments de niveau bloc est display:block; >
46dd80ba616c57a652514755c74c421191be1970faf1a1e6511e94af3a0f5b95 Les balises nouvellement ajoutées par H5 ne peuvent écrire que l'heure

208700f394e4cf40a7aa505373e0130bf6b6163991889e046b98f3ad8b2fe548 , etc.


Ce qui précède est le contenu des notes du sixième jour de HTML5. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !