Texte de base
Résultats de traduction:
Foundation est utilisé pour développer des frameworks HTML, CSS et JavaScript réactifs.
Foundation est un framework facile à utiliser, puissant et flexible pour créer des applications Web sur n'importe quel appareil.
Foundation est un framework mobile first populaire.
Texte de basesyntaxe
Remarque : Foundation utilise la taille de police par défaut du navigateur (font-size : 100 %). Pour la plupart des navigateurs de bureau, la police par défaut est 16 px. Pour la plupart des navigateurs mobiles, la police par défaut est 12 px. La police par défaut est "Helvetica Neue" et la hauteur de ligne est par défaut de 1,5. Les paramètres par défaut ci-dessus concernent tous l'élément <body>
Texte de baseexemple
<!DOCTYPE html> <html> <head> <title>Foundation 实例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.bootcss.com/foundation/5.5.3/css/foundation.min.css"> <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/foundation/5.5.3/js/foundation.min.js"></script> <script src="https://cdn.bootcss.com/foundation/5.5.3/js/vendor/modernizr.js"></script> </head> <body> <div style="padding:20px;"> <h2>标题</h2> <p>标题不同元素字体大小不一样。以下字体默认加粗,不同设备尺寸显示的字体也是不一样的,你可以通过重置浏览器窗口大小查看效果。</p> <h1>h1 标题 (<strong>2.125rem</strong> - 2.75rem)</h1> <h2>h2 标题 (<strong>1.6875rem</strong> - 2.3125rem)</h2> <h3>h3 标题 (<strong>1.375rem</strong> - 1.6875rem)</h3> <h4>h4 标题 (<strong>1.125rem</strong> - 1.4375rem)</h4> <h5>h5 标题 (1.125rem)</h5> <h6>h6 标题 (1rem)</h6> </div> </body> </html>
Exécuter l'instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Recommandations populaires
- Utiliser CSS Clamp pour une typographie réactive
- Typographie et style de police en CSS
- Comment la typographie améliore l'attrait de votre site Web
- Comment la typographie améliore l'attrait de votre site Web
- CSS Fluid Typography: A Guide to Using clamp() for Scalable Text
- La Fondation Eigen accorde sa première subvention stratégique à la Fondation Celo