Comment enregistrer du CSS-Questions et réponses frontales-php.cn

Comment enregistrer du CSS

王林

Libérer： 2023-05-29 15:11:07

original

549 Les gens l'ont consulté

CSS (Cascading Style Sheets) est un langage de balisage de style utilisé pour la conception Web, généralement stocké dans des feuilles de style externes et lié dans des documents HTML. Ci-dessous, nous présenterons comment les feuilles de style CSS sont stockées.

Styles en ligne

Les styles en ligne font référence à l'écriture de code CSS directement dans les balises HTML, comme indiqué ci-dessous :

<div style="color: red; font-size: 16px;">Hello World!</div>

Copier après la connexion

Bien que les styles en ligne soient très simples, ils ont de grandes limites. Le code CSS étant souvent complexe, utiliser des styles en ligne pour décrire le style d’un site Web entier serait très fastidieux. De plus, si vous devez changer le style, vous devez généralement modifier le code de chaque balise de style en ligne, ce qui prend également beaucoup de temps et de main d'œuvre.

Style intégré

Le style intégré fait référence à l'écriture de code CSS directement dans la balise <head> du document HTML, à l'aide de l'élément <style>. Enveloppez-le comme ceci : <head>标签中，使用<style>元素进行包裹，如下所示：

<head>
  <style>
    body { 
      background-color: #f0f0f0; 
      font-family: Arial, sans-serif; 
      font-size: 16px; 
      color: #333; 
    }
    
    h1 { 
      color: #ff0000; 
      font-size: 24px; 
      font-weight: bold; 
    }
  </style>
</head>

Copier après la connexion

使用嵌入式样式，可以在同一个HTML文档中引用CSS代码。这样做的好处是，如果需要更改样式，只需要修改一个样式表即可，而不必修改每个HTML文档中的代码。

外部样式表

外部样式表是指将CSS代码存储在一个单独的CSS文件中，并在HTML文档中引用。这样做的好处是，可以让多个HTML文件共用一个CSS文件，从而使网站的维护和管理更加方便。外部样式表通常使用.css文件扩展名，如下所示：

在style.css文件中：

body { 
  background-color: #f0f0f0; 
  font-family: Arial, sans-serif; 
  font-size: 16px; 
  color: #333; 
}

h1 { 
  color: #ff0000; 
  font-size: 24px; 
  font-weight: bold; 
}

Copier après la connexion

在HTML文档中引用style.css

<head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

Copier après la connexion

En utilisant les styles en ligne, le code CSS peut être référencé dans le même document HTML. L'avantage est que si vous devez changer de style, vous n'avez besoin de modifier qu'une seule feuille de style au lieu de devoir modifier le code de chaque document HTML.

.css

style.css

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!