Bonjour à tous et bienvenue à cette session. Je suis le vétéran du front-end Zhao. Aujourd'hui, nous allons discuter des frameworks CSS couramment utilisés, tels que Bootstrap et Foundation. Le framework CSS est un outil très important dans le développement front-end. Il peut nous aider à créer rapidement des pages Web et fournit de nombreux composants et styles couramment utilisés, afin que nous puissions nous concentrer davantage sur la réalisation de la logique métier. Dans les cours suivants, je présenterai les caractéristiques, l'utilisation et quelques problèmes courants de ces frameworks.
Alors, que sont les frameworks CSS ? Le framework CSS est un ensemble de collections de codes prédéfinies basées sur CSS, comprenant un grand nombre de mises en page, de styles et de composants, qui peuvent aider les développeurs à créer rapidement des sites Web beaux et réactifs. Bootstrap et Foundation sont actuellement les deux frameworks CSS les plus utilisés. Bootstrap est un framework frontal développé par Twitter. Il intègre HTML, CSS, JavaScript et d'autres technologies. Il présente une mise en page réactive et fournit de nombreux composants et outils d'interface utilisateur, permettant aux développeurs de créer rapidement des sites Web de différents styles. . Foundation est un framework frontal open source basé sur une conception réactive. Sa principale caractéristique est la mise en page adaptative, qui prend en charge l'adaptation de différentes tailles d'écran et d'appareils. Il fournit également des composants et des outils d'interface utilisateur riches, ce qui est le meilleur choix pour créer des sites Web réactifs. . .
Ensuite, je vais vous montrer comment utiliser le framework Bootstrap. Nous pouvons importer les fichiers CSS et JavaScript de Bootstrap en HTML :
balisage
<!-- 引入 Bootstrap 样式 -->
<link rel="stylesheet"href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css">
<!-- 引入 Bootstrap JavaScript -->