Quelles sont les techniques d'abréviation CSS ? Résumé de cinq conseils CSS

Lorsque de nombreuses personnes apprennent le CSS, elles veulent savoir quelles sont les compétences en CSS. En fait, maîtriser les compétences en style CSS est également utile pour écrire du CSS vous-même. Alors, quelles sont les compétences en abréviation CSS ? Résumons ci-dessous cinq conseils CSS.

1 : La taille de la boîte CSS. La boîte CSS a principalement deux attributs, margin et padding. Les deux utilisations sont les mêmes. en trois dimensions. , et il y a quatre directions, chaque direction a une bordure, alors nous prenons la marge comme exemple, le code est le suivant :

margin-top:2px;
margin-right:3px;
margin-bottom:3px;
margin-left:2px;

Si vous pensez que ce qui précède est trop compliqué et pas assez simple, vous pouvez aussi écrire comme ceci margin : 2px 3px 3px 2px ; syntax margin : top right bottom left ;

Deux : Les propriétés de la bordure sont les suivantes :

border-width:1px;
border-style:solid;
border-color:#000;

On peut également changer pour un autre code :

border:1px solid #000;
语法 border:width style color;

Trois : Comment écrire la couleur

La méthode de représentation des couleurs en CSS est exprimée en hexadécimal. Si les deux premiers codes sont identiques, ils peuvent être abrégés de moitié.

Quatre : Lorsque de nombreux étudiants apprennent le CSS, ils aiment toujours écrire un point-virgule lorsqu'ils ont fini d'écrire le dernier attribut. En fait, le dernier point-virgule n'a pas besoin d'être écrit.

Cinq : Nous pouvons utiliser des polices pour représenter les polices, mais nous devons d'abord définir la police abrégée, en utilisant respectivement deux valeurs : font-size et font-family.

Ce qui précède est quelles sont les techniques d'abréviation CSS ? Les cinq conseils CSS sont présentés. Si vous souhaitez en savoir plus sur le Tutoriel vidéo CSS, veuillez faire attention au site Web chinois php.

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!