Travailler avec les Styles CSS
Le document de design SPS est stylé avec les règles CSS. Les règles de style peuvent être spécifiées :
•Dans les feuilles de style CSS externes. Les feuilles de style CSS externes peuvent être ajoutées via la barre latérale de l’Aperçu de design et via la barre latérale Répertoire de Style Repository.
•Dans les styles globaux pour le SPS, qui peuvent être considérés pour être définis à l’intérieur de SPS et à son démarrage. (Dans la sortie HTML, ces styles globaux sont définis à l’intérieur de l’élément enfant style de l’élément head.) Les styles globaux sont définis dans la barre latérale du Répertoire de style.
•Localement, dans des composants individuels du document. Dans la sortie HTML, de telles règles dans l’attribut style des éléments individuels HTML. Les règles de style locales sont définies dans la barre latérale des Styles.
Chacune des méthodes ci-dessus pour créer des styles est décrite en détail dans les sous-sections de cette section (liens ci-dessus).
Note : Puisque les styles CSS ne peuvent pas être appliqués au texte clair, ils ne seront pas appliqués dans la sortie Texte.
Terminologie
Une feuille de style CSS consiste en une ou plus de règles de style. Une règle a l’air de ceci :
H1 { color: blue }
ou
H1 { color: blue;
margin-top: 16px; }
Chaque règle a un sélecteur (dans les exemples ci-dessus, H1) et une déclaration (color: blue). La déclaration est une liste de propriétés (par exemple, color) avec des valeurs (blue). Nous nous référerons à chaque paire de property-value comme définition de style. Dans StyleVision, les styles CSS peuvent être définis dans la barre latérale Styles (styles locaux) et Répertoire de style (styles globaux).
Ordre de cascade
L’ordre de cascade de CSS s’applique. Ceci signifie que la préséance des règles est évaluée sur la base de :
1.l’origine. Les feuilles de style externes ont une préséance plus faible que les styles globaux, et les styles globaux ont une préséance plus faible que les styles locaux. Les feuilles de style externes sont considérées être importées, et l’ordre d’importation est important, avec le dernier de deux feuilles de style importées ayant préséance.
2.Spécification. Si deux règles s’appliquent au même élément, la règle avec plus de sélecteurs spécifiques a préséance.
3.Ordre. Si deux règles ont la même origine et spécificité, la règle qui apparaît plus tard dans la feuille de style a préséance. Les feuilles de style sont considérées venir avant la règle définie de la feuille de style importée.
Les Styles CSS dans les SPS modulaires
Quand un module SPS est ajouté à un autre SPS, alors les styles CSS dans le SPS référant ont la priorité sur ceux dans le module ajouté. Lorsque de multiples modules sont ajoutés, alors les styles CSS dans ces modules situés relativement bas dans la liste de module ont la priorité. For more information sur les SPS modulaires, voir la section SPS modulaires.
Prise en charge de CSS dans Internet Explorer
Les versions d’Internet Explorer (IE) antérieures à IE 6.0 interprètent certaines règles CSS différemment que IE 6.0 et plus récentes. En tant que designer, il est important de savoir quelle version d’IE vous conserverez. La version IE 6.0 et plus récente propose une prise en charge pour les interprétations plus anciennes et plus récentes, permettant ainsi d’utiliser même l’interprétation plus ancienne dans les versions plus récentes (IE 6.0 et plus récente). Quelle interprétation est utilisée par IE 6.0 et ultérieure est déterminée par une touche dans le code du document HTML. Dans un SPS, vous pouvez spécifier si les documents de sortie HTML et Authentic View devraient être stylés selon l’interprétation Internet Explorer plus ancienne ou plus récente. Vous devriez définir les styles CSS selon l’interprétation sélectionnée. Pour plus de détails, voir les Propriétés : Prise en charge CSS.
Note : pour plus d’information sur la spécification CSS, allez à http://www.w3.org/TR/REC-CSS2/.