Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

les bases en css Les sélecteurs CSS simples Le CSS va nous permettre de mettre en page un contenu et de changer son apparence en lui appliquant des styles Pour appliquer un style à un élément HTML nous allons devoir au préalable le sélectionner ? ou le ci

Les sélecteurs CSS simples Le CSS va nous permettre de mettre en page un contenu et de changer son apparence en lui appliquant des styles Pour appliquer un style à un élément HTML nous allons devoir au préalable le sélectionner ? ou le cibler Un sélecteur va donc nous permettre de cibler un ou plusieurs éléments HTML a ?n de leur appliquer un style particulier Il existe di ?érents types de sélecteurs qu ? on appelle sélecteurs simples ? ou complexes ? Nous allons voir les plus utilisés d ? entre eux au cours des chapitres à venir On appelle également les sélecteurs CSS simple des sélecteurs éléments tout simplement car ils reprennent le nom du type d'élément HTML à cibler Par exemple si l ? on souhaite par exemple appliquer un style particulier à tous les paragraphes de notre page web nous utiliserons le sélecteur CSS p Les propriétés CSS Les propriétés vont nous permettre de choisir quel s aspect s ou styles d ? un élément HTML on souhaite modi ?er Par exemple nous allons pouvoir modi ?er la couleur d ? un texte et lui appliquer la couleur que l ? on souhaite gr? ce à la propriété color couleur ? en français Une propriété va être accompagnée d ? une ou plusieurs valeurs qui vont dé ?nir le comportement de cette propriété Par exemple la propriété color peut prendre le nom d ? une couleur en anglais Si l ? on donne la valeur red ? rouge à notre propriété color les textes au sein des éléments HTML auxquels on applique cette propriété s ? a ?cheront en rouge Sélecteurs propriétés et valeurs en pratique Prenons immédiatement un premier exemple ensemble a ?n d ? illustrer ce que nous venons de dire et de bien voir comment le CSS fonctionne p color blue font-size px CDans l ? exemple ci-dessus nous utilisons le sélecteur CSS simple p qui va cibler tous les paragraphes de notre page HTML Ensuite vous remarquez que nous utilisons deux propriétés color couleur et font-size taille de la police d'écriture pour modi ?er nos paragraphes Nos paragraphes vont dorénavant s ? a ?cher en bleu blue et notre texte va avoir une taille égale à pixels px Pro ?tez-en pour déjà noter la syntaxe du CSS et apprendre un peu de vocabulaire on appelle le couple propriété valeur ? une déclaration en CSS Chaque déclaration doit être séparée d ? une autre par un point virgule On place toutes les déclarations relatives à un sélecteur à l ? intérieur d ? un couple d ? accolades Cela permet au CSS de savoir à quel sélecteur il doit appliquer les styles correspondants Premières explications Lorsque l ? on code vous devez bien vous dire que rien n ? est magique ? tout le code que vous écrirez dans votre vie reposera sur des règles et des mécanismes Les conna? tre vous permettra de beaucoup mieux comprendre ce que vous fa? tes et comment