"CSS Online Manual" est le manuel de référence officiel CSS en ligne. Ce manuel de développement CSS en ligne contient diverses propriétés CSS, définitions, méthodes d'utilisation, exemples d'opérations, etc. C'est un manuel de requête en ligne indispensable pour les apprenants et les développeurs en programmation WEB ! CSS : Cascading Style Sheets (nom complet anglais : Cascading Style Sheets) est une application utilisée pour exprimer le HTML (Standard Universal Markup Language).
CSS (nom anglais complet : Cascading Style Sheets) est un langage informatique utilisé pour exprimer des styles de fichiers tels que HTML (une application du Standard Generalized Markup Language) ou XML (un sous-ensemble du Standard Generalized Markup Language).
CSS peut non seulement modifier statiquement les pages Web, mais peut également fonctionner avec divers langages de script pour formater dynamiquement divers éléments des pages Web.
CSS peut effectuer un contrôle précis au niveau des pixels de la disposition des positions des éléments dans les pages Web, prend en charge presque tous les styles de taille de police et a la capacité de modifier les objets de page Web et les styles de modèle.
Conseils : Avant de continuer à apprendre le CSS, vous devez avoir une compréhension de base du HTML et des connaissances XHTML.
Bases du langage CSS
Attributs
Le nom d'un attribut est un identifiant légal, et ce sont des mots-clés dans la syntaxe CSS. Un attribut spécifie un aspect du formatage.
Par exemple : color est l'attribut de couleur du texte, et text-indent spécifie l'indentation du paragraphe. Valeur d'attribut
- Le sélecteur CSS est utilisé pour sélectionner les éléments que vous souhaitez styliser modèle. Les éléments des pages HTML sont contrôlés via des sélecteurs CSS.
Chaque définition de style CSS se compose de deux parties, la forme est la suivante :
[code] Sélecteur {style} [/code] La partie avant {} est le "sélecteur". Le "sélecteur" spécifie l'objet du "style" dans {}, c'est-à-dire les éléments de la page Web sur lesquels le "style" agit.
- Ce qui suit vous présentera comment la définition de la feuille de style affiche les éléments HTML.
Créez et exécutez votre première instance CSS !
- N'est-ce pas très simple ! CSS fournit une description de style pour le langage de balisage HTML qui définit la manière dont les éléments qu'il contient sont affichés. CSS est une avancée majeure dans le domaine de la conception Web. Il peut être utilisé pour modifier un petit style afin de mettre à jour tous les éléments de page qui lui sont liés.
- Astuce :
Notre tutoriel CSS vous aidera étape par étape à utiliser CSS pour contrôler le style et la mise en page de plusieurs pages Web en même temps. Si vous avez des questions, veuillez vous rendre sur le site Web PHP chinois
CSS Community pour poser vos questions, et des internautes enthousiastes y répondront pour vous.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</style>
</head>
<body>
<h1>CSS 实例!</h1>
<p>这是一个段落。</p>
</body>
</html>- Caractéristiques du langage CSS
Facile à utiliser et à modifier : CSS peut définir le style dans l'attribut style de l'élément HTML, ou dans la partie en-tête du document HTML, ou le style peut être déclaré dans un fichier CSS spécial pour la page HTML Quote. En bref, les feuilles de style CSS peuvent stocker et gérer toutes les déclarations de style de manière unifiée.
De plus, les éléments du même style peuvent être classés et définis en utilisant le même style, vous pouvez également appliquer un certain style à toutes les balises HTML du même nom, ou vous pouvez attribuer un style CSS à un certain dans les éléments de la page. Si nous voulons modifier le style, il suffit de trouver l'instruction de style correspondante dans la liste de styles et de la modifier.
Application multipage : les feuilles de style CSS peuvent être stockées dans un fichier CSS séparé, afin que nous puissions utiliser la même feuille de style CSS sur plusieurs pages. Théoriquement, les feuilles de style CSS n'appartiennent à aucun fichier de page et peuvent être référencées dans n'importe quel fichier de page. De cette façon, les styles de plusieurs pages peuvent être unifiés.
Cascading : en termes simples, la cascade consiste à définir le même style plusieurs fois sur un élément, qui utilisera la dernière valeur d'attribut définie. Par exemple, si vous utilisez le même ensemble de feuilles de style CSS pour plusieurs pages d'un site et si vous souhaitez utiliser d'autres styles pour certains éléments de certaines pages, vous pouvez définir une feuille de style distincte pour ces styles et les appliquer au page. Ces styles définis ultérieurement remplaceront les paramètres de style précédents et ce que vous verrez dans le navigateur sera l'effet de style défini en dernier.
Compression de page : dans les sites Web qui utilisent HTML pour définir les effets de page, un grand nombre de tableaux et d'éléments de police répétés sont souvent nécessaires pour former des styles de texte de spécifications diverses. La conséquence en est qu'un grand nombre de balises HTML seront nécessaires. être généré, rendant ainsi la page La taille du fichier augmente. Placer la déclaration de style séparément dans la feuille de style CSS peut réduire considérablement la taille de la page, de sorte que le temps passé à charger la page sera également considérablement réduit. De plus, la réutilisation des feuilles de style CSS réduit davantage la taille de la page et réduit le temps de téléchargement.
Ce que couvre ce manuel du didacticiel CSS
Ce manuel du didacticiel CSS couvre toutes les connaissances de base du CSS, y compris la définition CSS, la syntaxe CSS, les propriétés CSS, l'utilisation du CSS, l'introduction à la réactivité CSS, ainsi que de nombreux exemples en ligne et CSS complet. manuel de référence des propriétés et plus encore.
Conseils : Chaque chapitre de ce tutoriel contient de nombreux exemples CSS. Vous pouvez directement cliquer sur le bouton "Exécuter l'exemple" pour afficher les résultats en cours d'exécution en ligne. Ces exemples vous aideront à mieux comprendre et utiliser le langage CSS.
Autres ressources de référence d'apprentissage liées au CSS
En plus de l'expansion des connaissances sur le côté droit de cette page, les ressources suivantes sont également sélectionnées pour tout le monde
Dernier chapitre
Cours connexes
- Introduction rapide au développement web front-end 2021-12-10
- Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original] 2022-09-30
- Tutoriel vidéo de démarrage de Gulp 2022-04-18
- Tutoriel vidéo CSS3 des frères d'armes Gao Luofeng 2022-04-20
- Tutoriel vidéo d'exemple de base d'application Web de développement AngularJS 2022-04-18
- Contact complet Ajax 2022-04-13
- Tutoriel vidéo de base du framework MUI 2022-04-13
- Cours d'essai de cours de formation en ligne 2019-01-10