Résumé et partage des bases de l'apprentissage des styles CSS
高洛峰
Libérer： 2017-03-10 10:33:37
original
1467 Les gens l'ont consulté
Il est impossible de faire une mise en page CSS sans connaissances de base suffisantes. Cet article fournit aux débutants un résumé de base de l'apprentissage des attributs CSS fréquemment utilisés, les amis intéressés peuvent s'y référer. Cela peut être utile. .
Introduction de base au CSS
La feuille de style en cascade (feuille de style en cascade) est appelée « CSS », généralement également appelée « feuille de style (feuille de style) », qui est utilisée à la conception de style Web. Par exemple, si vous souhaitez que le mot du lien soit bleu lorsqu'il n'est pas cliqué, puis devienne rouge et souligné lorsque la souris est déplacée dessus, il s'agit d'un style. En configurant une feuille de style, vous pouvez contrôler uniformément les attributs d'affichage de chaque marque en HTML. Les feuilles de style en cascade permettent aux utilisateurs de contrôler plus efficacement l'apparence des pages Web. À l'aide de feuilles de style en cascade, vous pouvez étendre votre capacité à spécifier avec précision la position et l'apparence des éléments de page Web et à créer des effets spéciaux.
CSS est l'abréviation de l'anglais CascadingStyle Sheets (Cascading Style Sheets). C'est un langage informatique utilisé pour exprimer des styles de fichiers tels que HTML ou XML. La dernière version de CSS est CSS3, un langage de conception de style capable de véritablement séparer les performances et le contenu des pages Web. Par rapport aux performances du HTML traditionnel, CSS peut effectuer un contrôle précis au niveau des pixels sur la position et la disposition des objets dans les pages Web, prend en charge presque tous les styles de taille de police, a la capacité de modifier les objets de page Web et les styles de modèle et peut effectuer des tâches préliminaires. interactions. Le design est actuellement le meilleur langage de conception expressif basé sur l’affichage de texte. CSS peut simplifier ou optimiser les méthodes d'écriture en fonction de la capacité de compréhension des différents utilisateurs, ce qui le rend hautement lisible pour tous les types de personnes.
2. Comment utiliser CSS
Il existe trois façons d'utiliser les feuilles de style sur les pages du site :
Styles externes : liez les pages Web à des feuilles de style externes.
Styles de page intérieure : créez des feuilles de style intégrées sur des pages Web.
Styles en ligne : appliquez des styles en ligne à des éléments de page Web individuels.
Chaque méthode a ses avantages et ses inconvénients :
Utilisez une feuille de style externe lorsque vous souhaitez appliquer le même style de manière cohérente sur tout ou partie des pages de votre site. Définir des styles dans une ou plusieurs feuilles de style externes et les lier à toutes les pages Web garantit une apparence cohérente sur toutes les pages Web. Si les gens décident de changer le style, ils n'ont qu'à le modifier une seule fois dans la feuille de style externe, et le changement sera répercuté sur toutes les pages liées à la feuille de style. Habituellement, les feuilles de style externes ont .css comme extension de fichier, comme le style commun Common.css dans le Brisbane News Release System. Ensuite, liez-le dans la page qui nécessite ce style, par exemple :
> Lorsque les gens souhaitent simplement définir le style de la page Web actuelle, des feuilles de style intégrées peuvent être utilisées. Une feuille de style intégrée est une feuille de style en cascade « intégrée » dans la balise
Les styles des feuilles de style intégrées ne peuvent être utilisés que sur la même page Web. Par exemple :
Utilisez des styles en ligne pour appliquer des attributs de feuille de style en cascade aux éléments de la page Web. Par exemple :
Document CSS
Si la page Web est liée à une feuille de style externe, les styles en ligne ou intégrés créés pour la page Web étendront ou remplaceront les propriétés spécifiées dans la feuille de style externe.
Pour utiliser les styles d'une feuille de style externe sur une page Web, liez la page Web à la feuille de style à l'aide de la commande Lien vers la feuille de style du menu Format. Vous pouvez lier une ou plusieurs feuilles de style à la page Web actuelle en mode d'affichage de page Web, à une page Web sélectionnée dans une liste de dossiers ou à toutes les pages Web du site.
La zone Style répertorie les balises HTML standards, telles que les titres
1, ainsi que les sélections de classe ou d'ID contenues dans les feuilles de style intégrées ou les feuilles de style externes liées au périphérique de page Web. Pour appliquer un style à un élément de page Web, sélectionnez le style et cliquez sur le style ou le sélecteur dans la zone Style.
Dans Microsoft FrontPage 2000, certaines fonctionnalités de formatage sont automatiquement appliquées en tant que styles en ligne. Par exemple : Si vous utilisez la commande Bordures et ombres (dans le menu Format) pour appliquer un cadre autour d'un paragraphe normal, FrontPage écrit les informations de mise en forme en tant que propriétés de style en ligne de la marque de paragraphe (par exemple : ). Cependant, l’application de certaines propriétés nécessite l’utilisation de CSS, et d’autres nécessite l’utilisation de HTML. Si l'on souhaite uniquement appliquer des styles en ligne à l'aide de CSS, il peut utiliser le bouton Styles (situé dans la boîte de dialogue Propriétés de l'élément Web) pour appliquer des sélecteurs de classe ou d'ID ou des styles en ligne.
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
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
