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

Connaissance de base du CSS sur le front-end

php中世界最好的语言
php中世界最好的语言original
2018-03-19 11:02:391618parcourir

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>

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