Maison >interface Web >tutoriel HTML >3 façons d'introduire la syntaxe de base CSS

3 façons d'introduire la syntaxe de base CSS

php中世界最好的语言
php中世界最好的语言original
2018-02-28 10:16:501660parcourir

Cette fois, je vais vous présenter trois types d'introduction de la syntaxe de base CSS, quelles sont les notes pour l'introduction de trois types de syntaxe de base CSS, voici des cas pratiques , un Levez-vous et jetez un œil.

CSS peut être considéré comme une avancée dans la conception Web. Il résout le problème de la mise en page de l'interface Web. On peut dire que les balises HTML définissent principalement le contenu des pages Web (Content), tandis que CSS détermine la manière dont le contenu de ces pages Web est affiché (Layout).

Au début du Web, HTML était un langage très limité. Ce langage ne se souciait pas de l'apparence, c'était juste un petit mécanisme de balisage concis.

Avec l'émergence du navigateur Web Mosaic, des sites Web ont commencé à apparaître partout. La nécessité de modifier l'apparence de la page s'est accrue, c'est pourquoi des éléments de balisage tels que 240cb830ca84ebaabbd07850110b414d et 3d49bde0e0b2e042578ad34140b6c48e

Quelques années plus tard, la plupart des balises de sites Web sont presque entièrement constituées de tableaux et d'éléments de police, et ne peuvent transmettre aucune signification réelle au contenu à représenter, ce qui rend le document moins utilisable et difficile à maintenir.

Ainsi, en 1995, le W3C a publié un brouillon CSS pour tenter de résoudre le problème de la structure et du style mixtes.

En 1996, le W3C a officiellement lancé CSS1.

En 1998, CSS2 a été lancé.

À partir de CSS3 en 2001, le langage CSS a été divisé en plusieurs modules indépendants. Chaque module est évalué indépendamment et ne contient qu'une petite partie des fonctionnalités.

J'ai commencé à concevoir CSS4 en 2011

1. Introduction de la feuille de style CSS

1 Feuille de style intégrée

La feuille de style intégrée est écrite en Tag (étiquette. ) à l'intérieur. Les styles en ligne ne sont valides que pour la balise où ils se trouvent. (S'il existe plusieurs styles, le style en ligne remplacera les autres styles et prendra effet tout seul)

Exemple :

<p style="font-size:20pt; color:red"></p>

Cette définition de stylee388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 l'intérieur est en police 20 pt et la couleur de la police est rouge.

2. Feuille de style interne

La feuille de style interne est écrite dans le langage 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 Les feuilles de style internes ne sont valables que pour la page Web où elles se trouvent.

La feuille de style interne doit utiliser la balise de style, qui s'écrit comme suit :

<style  type="text/css">
     div{
           color : red;
         }</style>

3. Feuille de style externe

Si de nombreuses pages Web doivent être utilisées. le même style (Styles ), utilisez une feuille de style externe. La feuille de style externe doit écrire le style dans un fichier CSS, puis l'introduire dans la page à l'aide de la balise 2cdf5bf648cf2f33323966d7f58a7f3f et introduire le fichier dans chaque page qui doit appliquer le style.

Exemple :

<HTML><HEAD>
   <link href="../css/a.css " rel ="stylesheet" type="text/css "></HEAD><BODY>…</BODY>
 </HTML>


1. La position de la balise 2cdf5bf648cf2f33323966d7f58a7f3f

2. Le nom du fichier de style CSS est nommé avec des lettres anglaises significatives, telles que main.css.

3. href="" est le chemin pour introduire le CSS

4. rel="stylesheet" type="text/css" est une méthode d'écriture fixe qui ne peut pas être modifiée. > indiquez (utilisez 95524a46538e9d4f137c5ff2f6ed4df1 en HTML)

Je pense que vous maîtrisez la méthode après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres sites Web chinois php Articles connexes. ! Lecture connexe :

Paramètres communs de vscode

Comment convertir des nombres décimaux en hexadécimaux


Comment héberger votre projet maven sur github

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn