Maison >interface Web >tutoriel CSS >Qu'est-ce qu'une feuille de style CSS ? Explication détaillée d'exemples de feuilles de style CSS
Qu'est-ce qu'une feuille de style CSS ? Explication détaillée d'exemples de feuilles de style CSS
- 零下一度original
- 2017-06-16 14:52:323075parcourir
Qu'est-ce qu'une feuille de style ?
CSS est l'abréviation de Cascading Style Sheet. Traduit par « Feuilles de style en cascade ». Est un langage de balisage utilisé pour le contrôle (amélioré) du style des pages Web et permettant la séparation des informations de style du contenu Web.
Comment ajouter une feuille de style à votre page Web
Vous pouvez ajouter une feuille de style à votre page Web des trois manières suivantes. La définition de style la plus proche de la cible a une priorité plus élevée. Un style à priorité élevée héritera des définitions qui ne se chevauchent pas du style à faible priorité mais remplacera les définitions qui se chevauchent. Voir la déclaration importante pour les exceptions.
Lien vers une feuille de style
Vous pouvez d'abord créer un fichier de feuille de style externe (.css), puis utiliser l'objet lien HTML. Un exemple est le suivant :
<head> <title>title of article</title> <link rel=stylesheet href="www.dhtmlet.com/rainer.css" type="text/css"> </head>
En XML, vous devez l'ajouter dans la zone de déclaration comme indiqué dans l'exemple suivant :
<? xml-stylesheet type="text/css" href="www.dhtmlet.com/rainer.css" ?>>
Définir un objet bloc de style interne (Embedding un bloc de style)
Vous pouvez insérer un objet bloc 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47 entre les balises 6a74014ee44f5deb5894267f99b68016 Pour les méthodes de définition, veuillez vous référer à la syntaxe de la feuille de style. Un exemple est le suivant :
<html>
<style type="text/css">
<!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
-->
</style>
<body>Veuillez noter que définir ici l'attribut type de l'objet de style sur "text/css" permet aux navigateurs qui ne prennent pas en charge ce type d'ignorer la feuille de style.
Définition en ligne (styles en ligne)
La définition en ligne consiste à utiliser l'attribut de style de l'objet dans le balisage de l'objet pour définir les attributs de feuille de style qui s'y appliquent. Un exemple est le suivant :
<p style="margin-left: 0.5in; margin-right:0.5in">这一行被增加了左右的外补丁<p>
Syntaxe de la feuille de style (syntaxe CSS)
Sélecteur { propriété : valeur }
Description du paramètre :
Sélecteur -- Sélecteur
propriété : valeur -- définition de la feuille de style. Les propriétés et les valeurs des propriétés sont séparées par deux points (:). Les définitions sont séparées par des points-virgules (;)
La valeur 'Hériter')
Chaque propriété a une valeur spécifiée : Hériter. Cela signifie : assimiler la valeur de l'objet parent à la valeur de l'ordinateur. Cette valeur n'est généralement disponible qu'en tant que sauvegarde. Le déclarer explicitement peut être utilisé pour mettre l’accent.
CSS est l'abréviation de Cascading Style Sheet. Traduisez des feuilles de style en cascade, des feuilles de style combinées, etc.
Donnez-moi un exemple. Par exemple, les tables ou les divs sont les éléments constitutifs d’une maison et sont utilisés pour configurer la structure de l’ensemble du site Web. Et le CSS est la décoration de la maison. Un site Web sans vernis est moche.
Nous utilisons généralement CSS pour modifier la couleur, le texte, etc. du site Web.
Si vous souhaitez en savoir plus sur CSS, vous pouvez effectuer une recherche en ligne. Il en existe de nombreux en ligne. Je vous parle juste de ma pratique. Enfin, je veux juste dire que le style et le cadre sont indissociables.
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!