Que trouver ici
Bonne visite
************
LES RUBRIQUES
LES SOUS RUBRIQUES
le html
les feuilles de style
les exemples
************
la balise Il suffira à l'internaute de cliquer sur le titre associé qui est affiché grace à la balise summary. Il est possible d'afficher le détail en permanence en ajoutant l'attribut open=true à la balise détails. si cet attribut est absent les détail est masqué par défaut.
Vous voyez : le télégraphe est une sorte de chat très très long. Vous tirez la queue à New York et la tête miaule à Los Angeles. Vous comprenez cela ? La radio c'est pareil : vous envoyez des signaux d'un endroit et ils sont reçus à un autre endroit. La seul différence c'est qu'il n'y a pas de chat.
Les sélecteurs de descendance appliquent des styles en se basant sur des relations de filiation. Ici le premier exemple de déscendant applique un style à l'élément <span> appelé code qui descent des éléments <p>. Pour ce faire on utilise le sélecteur p span.code
Grâce aux CSS, on peut appliquer des styles à autant de documents que necessaire. Comme c'est ici le cas, on peut trouver des éléments <span> avec le nom de classe code dans plisieurs documents, mais avec des styles différents en fonction de leur contexte. Le sélecteur de déscendance a été concu pour répondre exactement à ce cas de figure.
On applique au texte de la note des styles différents. Pour ce faire on exploite un autre sélecteur appelé cette fois p.note span.code
Les sélecteurs d'enfant de descendance appliquent des styles en fonctionde leurs relations
parent/enfant de filiation. Le premier exemple d'enfant de descendance
applique un style à l'élément <span> appelé code qui est un de descendant
enfant des éléments <p>. Pour ce faire on emploi le sélecteur p >
spancode
Grâce aux CSS, on peut appliquer des styles à autant de documents que necessaire. Comme c'est ici le cas, on peut trouver des éléments <span> avec le nom de classe code dans plisieurs documents, mais avec des styles différents en fonction de leur contexte. Le sélecteur d'enfant a été concu pour répondre exactement à ce cas de figure.
On applique au texte de la note des styles différents. Pour ce faire on exploite un autre sélecteur d' descendance enfant :
p.note > span.code
Le sélecteur d'adjacence (son nom officiel est combinateur) permet de sélectionner un élément sur la base d'une relation frère/soeur Ce paragraphe possède un arrière plan jaune clair (light yellow) et du texte kaki foncé (darkkhaki).
ce paragraphe prend un arrière plan vert jaune (yellowgreen) et du texte vert (green)
L'arrière plan, la bordure, et le texte de ce paragraphe sont dépourvus de couleur.
Le la prise de la Bastille c'est terminé à
| Infos pays | |
|---|---|
| Pays | Langue |
| Andorre | catalan |
| Canada | anglais |
| français | |
****liste imbriquées*****
************
LES RUBRIQUES
LES SOUS RUBRIQUES
le html
les feuilles de style
les exemples
****insertion d'une image***
****ouvrir un lien dans un nouvel onglet via une image****
****insertion dans un cadre une page via le style cadre1, cadre2, cadre3, cadre4****
Photo du musée Soulage et de la cathédrale Notre Dame à Rodez
souce propose soit un type de décodeur pour la lecture, soit plusieurs formats du contenu à diffuser
lecture d'une animation flash qui necessite un logiciel additif. La notion de quality est facultative
La mise à jour du logiciel est réalisé à pour cent.
Une classe représente un groupe d'éléments. Vous lui donnez un nom qui reflète le type d'élément dont vous souhaitez disposer ou non. Dans ce paragraphe le nom de la classe est container. Vous pouvez très bien avoir un ou plusieurs containar
Vous pouvez chîner des noms de classe dans l'attribut clas. d-un point de vue purement sémantique, les noms de classes peuvent avoir un rapport entre eux ou non. Ici les noms de classe sont conainer et box. On peut dire que les boites et les conteneurs sont liés car box est un type de conainer
Il est judicieux de réfléchiraux conventions de nommage utilisées dans un document. Ici tank est un autre type de conainer. Tous les conteneurs ont des propriétés communes : dimensions, couleur, volume, etc. Parfois certains d'entre eux possèdent des propriétés propres. I peut s'agir d'une couleur d'une capacité ou c'est son contenu qui diffère.
Un ID n'apparait qu'une seule fois dans un document. D'un point de vue sémentique, on doit pouvoir l'identifier de manière unique et il doit être descriptif. Vous pouvez avoir plusieurs coneneurs, mais un seul avec l'ID containar-1234. Comme on ne peut avoir qu'un seul conteneur appelé 1234 On peut le retrouver plus facilement parmi les autres?
Bonne visite
************
LES RUBRIQUES
LES SOUS RUBRIQUES
le html
les feuilles de style
les exemples
************
les paragraphes : balise = p
les liens : balise = aparagraphe avec balise p et attribut = em
paragraphe avec balise p et attribut = strong
Pour obtenir un retrait négatif de première ligne, c'est-à-dire tout le paragraphe en retrait sauf la première ligne, il faudra augmenter la marge interne de la même valeur pour compenser ce retrait négatif. C’est la propriété padding-left qui règle la marge interne de gauche. Par exemple, si la marge interne de notre document est initialement de 20 pixels, un retrait de 10 pixels pour la première ligne peut s’écrire : p {text-indent : -10px ; padding-left : 30px ;} La première ligne reste alors à sa place habituelle et le reste du paragraphe est en retrait de 10 pixels.
Ce texte à un interlettrage augmenté
Ce texte à un interlettrage diminué
Les mots de ce texte ont un espacement augmenté
Les mots de ce texte ont un espacement diminué
Aide - sur ce texte le curseur de la souris change
Image d’arrière-plan insérée dans cet article
La propriété background-image permet d’afficher une image en arrière-plan d’un bloc. Sa valeur est l’adresse de l’image, qui peut être relative (nom du fichier image situé par rapport au dossier qui contient la page web) ou absolue (url se terminant par un nom de fichier image)
Si l’image en arrière plan du bloc à des dimensions inférieure à celui, elle est automatiquement répétée horizontalement et verticalement. L’annulation d’une ou des deux répétions s’effectue avec la propriété background-repeat
J'affiche aussi une barre de défilement avec la propriété overflow
| Tableau avec un style défini en css | |
|---|---|
| Créé par | Créé le |
| Moi même | 01 juin 2011 |
| Pascal David | 09 décembre 2023 |
| 27 janvier 2024 | |