HTML5-CSS3

Les langages du web moderne : HTML5 et CSS3

mardi 19 novembre 2019

Bootstrap 4.3

Une bibliothèque de composants HTML, CSS et Javascript

Build responsive, mobile-first projects on the web with the world’s most popular front-end component library.

Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

Documentation de référence

Bootstrap

Page de test pour la documentation de Bootstrap

Page de test de la documentation de Bootstrap

Fichiers :

Media Queries

HTML

<!DOCTYPE html>
<html lang="fr">

<head>

    <meta charset="utf-8">

    <link rel="stylesheet" media="all and (max-width: 768px)" href="css/white.css">
    <link rel="stylesheet" media="all and (min-width: 769px)" href="css/black.css">

    <title>Media queries</title>
</head>

<body>
    <p>Breakpoint : width > 768px</p>
</body>

</html>

CSS

black.css

body {
    color: #fff;
    background: #000
}

white.css

body {
    color: #000;
    background: #fff
}

mardi 5 novembre 2019

Syntaxe CSS3

p {
  color: red;
  /* This is a single-line comment */
  text-align: center;
}

/* This is
a multi-line
comment */

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}