Étape 3: CSS se compose de trois parties :
Un sélecteur, la propriété et la valeur.- sélecteur {propriété : valeur}
Le sélecteur est habituellement la balise HTML pour définir la propriété est l’attribut que vous souhaitez modifier et chaque propriété peut prendre une valeur. La propriété et la valeur sont séparés par un signe deux-points et entourés de {et} :
- Body {color : #c0c0c0}
Si la valeur n’a plus d’un mot séparez-les par des virgules.
- Body {color : #c0c0c0}
- corps, td, th {font-family : Verdana, Arial, Helvetica, sans-serif}
Si vous faites plusieurs propriétés séparez-les par un point-virgule ";"
- corps, td, th
- {
* font-family : Verdana, Arial, Helvetica, sans-serif ;
- font-size : 12px ;
- Color: #666666 ;
- }
Remarquez combien plus facile à lire c’est que si vous ne mettez pas tout sur une seule ligne ! Notez également comment vous pouvez regrouper plusieurs sélecteurs par un virgule « corps, td, th »
Vous faites le sélecteur dans une classe. Vous pouvez utiliser ceci pour que les différentes sections de votre page s’affichent différentes en spécifiant le début de la « classe » avec une période telle que .title
- .title
- {
- padding-left : 80px ; police-taille : 24 PX ; padding-top : 25px
- }
Sur votre page html, placez la classe comme suit < H4 class = « title » > trucs < / H4 >
Conservez votre CSS propre et bien organisé en plaçant des commentaires qui ne sont pas vus par n’importe qui mais vous diviser les différentes sections de votre feuille de style.
/ * Ceci est un commentaire * /
Travail fantastique! Utilisez la feuille que vous avez téléchargé et vraiment déchirer. Essayer des choses différentes et regarder ce qui se passe dans votre page html. Je sais que ce n’est pas une profondeur en cours sur le HTML et CSS, mais là encore il était censé être un "au point" instructable sur la construction d’un site Web professionnel. Je serai heureux d’être plus élaborée, si j’ai assez requêtes get ou répondre à des questions. Recherchez les échantillons, que je vais faire. Les chances sont que j’ai re-créera quelque chose d’utile à vous.