Maison > interface Web > js tutoriel > Connaissance de base du CSS sur le front-end

Connaissance de base du CSS sur le front-end

php中世界最好的语言
Libérer: 2018-03-19 11:02:39
original
1690 Les gens l'ont consulté

Cette fois, je vais vous apporter les connaissances de base du CSS sur le front-end. Quelles sont les choses à noter sur les connaissances de base du CSS sur le front-end ? Ce qui suit est un cas pratique, jetons un coup d'oeil.

Connaissance de base du CSS

Regardons d'abord un petit exemple :

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>Title</title></head><body>
    <p style="background-color:#2459a2;height: 48px;">1</p>
    <p style="background-color:red;">2</p>
    <p style="background-color:green;">3</p></body></html>
Copier après la connexion

Nous pouvons voir que nous avons ajouté dans p style, qui contient la couleur d'arrière-plan, la hauteur et d'autres attributs, ajoutant ainsi la couleur d'arrière-plan, la hauteur, etc. à p qui n'avait rien à l'origine.

Écriture CSS

  • Définissez les attributs de style sur l'étiquette : largeur, hauteur, fond....

  • Écrire dans l'en-tête, écrivez une balise