On peut les placer dans le fichier source HTML, à l'intérieur d'un élément <style> .... </style>. Le ou les éléments style doivent en principe être placés dans l'en-tête du fichier HTML, entre <head> et </head>. S'il y a conflit entre plusieurs éléments styles, celui placé en dernier dans le fichier source l'emporte.
On peut également définir les styles dans un fichier CSS séparé, qui est une feuille de style à proprement parler. C'est un fichier texte d'extension css. Le ou les feuilles de style externes utilisées par une page HTML sont indiquées par leur URL. On utilise des éléments <link> sous la forme: <link rel=stylesheet type="text/css" href="mon_style.css"> (si le fichier style externe s'appelle mon_style et se trouve dans le même dossier que le fichier HTML)
Lorsque plusieurs définitions de style sont en contradiction pour un même élément c'est toujours le dernier qui a parlé qui a raison
: le style défini par l'attribut style de l'élément l'emporte sur les autres, ensuite viennent les styles définis dans un élément style ou dans un fichier css (les derniers placés dans le fichier HTML l'emportant), ensuite les propriétés du style par défaut de l'élément. Et si vous modifiez le style d'une page affichée avec l'inspecteur de style, ou avec un script, le style modifié prend la priorité !
C'est le principe des styles en cascade.
Dans la pratique il est conseillé