3 façons d'introduire la syntaxe de base CSS-tutoriel HTML-php.cn

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

php中世界最好的语言

Libérer： 2018-02-28 10:16:50

original

1582 Les gens l'ont consulté

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 et

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>

Copier après la connexion

Cette définition de style

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 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>

Copier après la connexion

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 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>

Copier après la connexion

1. La position de la balise

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 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!