Différence entre <style type=“text/css”> & <link href=“style.css” rel=“stylesheet” type=“text/css” media=“screen” />
Je suis plutôt nouveau sur ce de sorte que son la plupart du temps (copier et coller) avec un peu de YouTube et du matériel de lecture ici et là.
Pourquoi avoir les deux? Veuillez vous simplifier réponse, ne pas aller plus technique.
- L'un est une feuille de style interne et l'autre externe. Googler qui est un bon début ou à la recherche de la même question ailleurs sur stackoverflow plutôt que de poster une nouvelle question
Vous devez vous connecter pour publier un commentaire.
<style type="text/css">est quand vous voulez avoir des règles de style intégré au sein de la page.<link href="path/to/style.css" />, c'est quand vous avez un fichier de style que vous souhaitez pour référence dans la page courante - faisant cela signifie que les clients n'ont pas à télécharger le fichier CSS à chaque fois, ce qui rend la page se charge plus rapidement.CSS a la
@importdirective, si vous utilisez<style>@import style.css;</style>puis c'est à peu près équivalent à<link href="style.css" />(mais avec quelques différences mineures: voir Différence entre les @import et de liaison dans le CSS ).<link>alternative à<style scoped>. Pour le chargement de fichiers css externes avec qui, @import est la seule façon.À l'aide de
<style type="text/css">est pour le code CSS dans un fichier HTML et<link...>est pour inclure un fichier CSS externe.Méthode 1 (à l'aide de
<style type="text/css">)Est simple façon de déclarer CSS. Mais elle doit être utilisée pour les petits codes. Lorsque vous souhaitez remplacer un attribut de la principale feuille de style.
Méthode 2 (à l'aide de
<link href="path/to/style.css" />)Le premier avantage de cette méthode est que nous avons un style dans un fichier externe. Et cela signifie que nous pouvons l'utiliser à plusieurs reprises. Mais ce n'est pas la fin des avantages. Vous pouvez demander à votre navigateur d'enregistrer le fichier dans le cache. Ce qui réduit les temps de chargement de page.
Ce qui est mieux?
À mon avis Méthode 2.
Le premier cas
<style type="text/css">est pour css, y compris les définitions dans votre fichier html. Le 2ème cas met le css definintions dans le style.css (ou quel que soit le fichier est le href). Le 2ème cas rend plus facile à utiliser le même fichier sur plusieurs fichiers html.Le premier est utilisé pour insérer du code css directement dans vos fichiers html, tandis que le second est l'appel d'un fichier css externe.