CSS fait référence aux feuilles de style en cascade, qui est un langage de feuille de style utilisé pour décrire la présentation de documents HTML ou XML (y compris les langages de branche XML tels que SVG et XHTML). CSS décrit comment les éléments doivent être rendus à l'écran, sur papier, audio et autres supports.
Les pages Web sont composées de balises HTML, et ces balises seront saisies et rendues selon la méthode par défaut du navigateur. Si vous souhaitez modifier ces styles par défaut, c'est le cas. Il est recommandé d'utiliser CSS, car cela permet non seulement de séparer le contenu et les performances, mais facilite également la maintenance.
La syntaxe CSS se compose de deux parties principales : le sélecteur et une ou plusieurs déclarations.
selector {declaration1; declaration2; ... declarationN }
Chaque déclaration est constituée d'un attribut et d'une valeur.
selector {property: value}
Dans l'exemple suivant, h1 est le sélecteur, color et font-size sont des attributs, et red et 14px sont des valeurs.
h1 {color:red; font-size:14px;}
Cette image représente de manière vivante la structure du code ci-dessus
Les CSS sur les espaces et les majuscules ne sont pas sensible, c'est-à-dire que les majuscules et les minuscules peuvent être utilisées. Le fait que des espaces soient inclus ou non n'affectera pas l'effet de fonctionnement du CSS dans le navigateur
/* 属性为大小,值为小写,并且冒号后面有多个空格 */ .box {COLOR: blue; }/* 建议写法 */.box {color: blue; }
/* 这是表示单行的注释 */
/* 这是表示*/单行的注释 *//* 这是表示单行的注释 /* */ */
/* * 这是表示多行的注释 * 注释内容1 * 注释内容2 */
<div style="..."></div>
<head><meta charset="UTF-8"><title>嵌入式</title>...<style type="text/css">...在这里写CSS样式</style></head>
<head><meta charset="UTF-8"><title>外联式</title>...<link rel="stylesheet" href="outer.css?1.1.11" /></head>
href : Spécifiez le chemin de la feuille de style externe
5.4 Import (non recommandé)
<head><meta charset="UTF-8"><title>导入式</title><style type="text/css">@import url(css/outer.css);/*其他css样式*/</style></head>
Une autre utilisation de l'importation externe. feuilles de style est que si un fichier doit référencer plusieurs feuilles de style externes, vous pouvez placer les feuilles de style à référencer dans un seul fichier, puis pour les fichiers qui doivent être référencés, vous n'avez besoin de référencer qu'un seul fichier. Par exemple, <.>import.css a le contenu suivant :
@import « a.css »@import « b.css »
@import « css »
En plus du au-dessus de quatre styles importés, vous devez savoir que toutes les balises ont un style par défaut, que nous appelons style du navigateur, ou style par défaut. C'est-à-dire comment les balises HTML apparaissent dans un navigateur sans ajouter de styles.
6. Suggestions et points d'attention
Afin d'améliorer le code à l'avenir Pour l'optimisation, il est recommandé d'ajouter un point-virgule après chaque valeur d'attribut, tel que : p { font-style: normal; }
Les styles en ligne ont la plus haute priorité
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!