100% satisfaction guarantee Immediately available after payment Both online and in PDF No strings attached
logo-home
PROGRAMMATION WEB AVANCE CA$15.08   Add to cart

Class notes

PROGRAMMATION WEB AVANCE

 2 views  0 purchase

YEES (YEES)

Preview 1 out of 2  pages

  • March 27, 2023
  • 2
  • 2022/2023
  • Class notes
  • Yes
  • All classes
All documents for this subject (3)
avatar-seller
ayoubalaoui
Changement d'affichage
Différents type d'affichage
Il existe différents types d'affichage. Nous en avons déjà couvert 2, soit l'affichage en ligne et
l'affichage en bloc. Il existe toutefois de nombreux autres types d'affichage et CSS nous
permettra de les manipuler facilement. Voici une courte liste des types d'affichage que vous
utiliserez dans ce cours:

inline
L'affichage en ligne. Les éléments utilisant cet affichage suive le flux du texte dans la
page Web.

block
L'affichage en bloc. Les éléments utilisant cet affichage prennent par défaut tout
l'espace en largeur et leur hauteur est facilement manipulable.

inline-bloc
Combinaison de l'affichage en ligne et en bloc. C'est essentiellement un affichage en
ligne, mais dont nous pouvons y modifier facilement la hauteur, contrairement à
l'affichage en ligne traditionnel.

none
L'affichage vide. Ce type d'affiche indique que l'élément ne doit pas être visible. On
l'utilise beaucoup avec de l'intéraction, comme pour cacher des menus si nous cliquons
sur un bouton.

flex
L'affichage flexible en boîte. C'est un nouveau type d'affichage très pratique pour les
sites Web qui s'affiche bien sur ordinateur ou sur mobile. Nous verrons comment
utiliser ce type d'affichage plus tard.

grid
L'affichage en grille. C'est un nouveau type d'affichage très pratique pour organiser un
site Web sous la forme d'une grille. Nous verrons comment utiliser ce type d'affichage
plus tard.

Vous trouverez l'ensemble des types d'affichage sur w3school.

Propriété CSS
Si vous voulez changer le type d'affichage d'un élément, vous utiliserez la propriété
CSS display. Vous pouvez ensuite mettre l'un des type d'affichage ci-dessus comme
valeur. Dans l'exemple suivant, nous stylons un menu de navigation en utilisant
l'affichage inline-bloc pour mieux contrôler la hauteur des éléments.

CSS
nav a {

The benefits of buying summaries with Stuvia:

Guaranteed quality through customer reviews

Guaranteed quality through customer reviews

Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.

Quick and easy check-out

Quick and easy check-out

You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.

Focus on what matters

Focus on what matters

Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!

Frequently asked questions

What do I get when I buy this document?

You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.

Satisfaction guarantee: how does it work?

Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.

Who am I buying these notes from?

Stuvia is a marketplace, so you are not buying this document from us, but from seller ayoubalaoui. Stuvia facilitates payment to the seller.

Will I be stuck with a subscription?

No, you only buy these notes for CA$15.08. You're not tied to anything after your purchase.

Can Stuvia be trusted?

4.6 stars on Google & Trustpilot (+1000 reviews)

75632 documents were sold in the last 30 days

Founded in 2010, the go-to place to buy study notes for 14 years now

Start selling
CA$15.08
  • (0)
  Add to cart