Comment savoir quel style de propriété CSS définir pour DIV ?

Comment savoir quel style d'attribut CSS définir pour DIV ? Habituellement, nous devons considérer trois aspects pour porter un jugement complet. Il n'y a pas de dessins artistiques, il y a des dessins artistiques, et en combinaison avec des sites Web de pairs, je vais vous donner une introduction détaillée ci-dessous.

Le style CSS à définir n'est pas une question d'imagination mais une référence. Généralement, il existe trois situations dans lesquelles vous devez savoir quel style définir.

Le premier type : sans illustration, pensez à la mise en page par vous-même

Dans ce cas, il n'y a pas d'illustration ni de référence pour la mise en page CSS DIV, et la mise en page et le paramétrage du CSS sont basés sur vos idées réelles. , par exemple, lorsque vous disposez les structures gauche et droite, définissez float:left et float:right pour implémenter l' objet sur le gauche et droite, puis réfléchissez à la largeur de mise en page gauche et droite. Combien, puis définissez le style de largeur.

Dans ce cas, la mise en page de la page Web est lente. Vous voudrez peut-être réfléchir un peu à la mise en page. Vous souhaiterez peut-être obtenir l'effet esthétique idéal une fois la mise en page réussie. modifiez les paramètres de style CSS pour ajuster les détails. Cela prend plus de temps, mais cela vous permet également de savoir quels styles CSS vous souhaitez présenter.

Deuxième type : afficher les pages Web des sites Web d'autres personnes pour la mise en page

Dans ce cas, si vous n'avez pas d'illustration, mais que vous souhaitez avoir la même (ou partiellement la même) mise en page que les autres pages Web des personnes, vous devez utiliser la référence Prenez le site Web comme objet, observez ou analysez la largeur du site Web de l'autre partie, s'il a des bordures, des styles d'arrière-plan et d'autres styles, et définissez la mise en page et le CSS en fonction des styles analysés ou obtenus . Bien entendu, si vous savez analyser le code de l'autre partie (html et css), vous pouvez directement copier le code correspondant de l'autre partie et l'utiliser.

Le troisième type : mise en page CSS des pages Web avec des illustrations

Avec des illustrations, il est plus facile de déterminer le style CSS que les autres deux mises en page, tout doit être ensemble. Y compris les valeurs de style peuvent être analysées et obtenues à partir de l'œuvre d'art.

Par exemple, lors de la définition de la couleur de la police, vous pouvez voir intuitivement que vous devez définir le style de couleur de la police et obtenir la valeur de couleur correspondante de l'illustration via le logiciel, puis vous pouvez disposer les éléments requis. police CSS couleur.

Cela dit, tout le monde devrait savoir comment juger, alors faites attention aux autres articles connexes sur le site Web chinois de php pour des informations plus intéressantes !

Lecture connexe :

Paramètres de style de barre de défilement en HTML

Comment afficher le code source des pages Web HTML

Paramètre de la taille de la police des pages Web HTML

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!