CSS Color Module Level 3
Abstract CSS (Cascading Style Sheets) is a language for describing the rendering of HTML and XML documents on screen, on paper, in speech, etc. It uses color-related properties and values to color the text, backgrounds, borders, and other parts of elements in a document. This specification describes color values and properties for foreground color and group opacity. These include properties and values from CSS level 2 and new values. Status of this document This section describes the status of this document at the time of its publication. The (archived) public mailing list www-style@w3.org (see instructions) is preferred for discussion of this specification. This document was produced by the CSS Working Group (part of the Style Activity). A separate implementation report contains a test suite and shows that each test in the test suite was passed by at least two independent implementations. A complete list of changes to this document is available. Table of Contents 1. 2. 3. 3.1. Example(s):
Introduction to HTML
CSS Properties/All CSS Properties - TAG index
CSS Properties CSS Codes and Examples www.tagindex.net < Home / CSS Properties / All CSS Properties All CSS Properties Categories CSS Properties CSS Properties empty-cells height scrollbar-***-color unicode-bidi < Home
HTML5-CSS3.fr - Tutoriels, exemples et démos HTML5 et CSS3
Trouver son code couleur HTML ! Les couleurs avec du CSS sont les mêmes que celles avec un code HTML. Pour faire référence à d'autres couleurs, vous devrez utiliser le code hexadécimal. Vous pouvez choisir votre couleur en cliquant ici : <-- Cliquer ici Il existe des couleurs nommées normalisées : Les 16 couleurs de fondamentales ont un nom parlant (en anglais) normalisé : elles sont reconnus par tous les navigateurs : Il est possible d'avoir l'ensemble des couleurs de l'arc en ciel :) avec une sa valeur hexadecimal : Couleur HTML et CSS En CSS, est bien pratique de mettre en forme un contenu et le définir une seule fois dans sa feuille de style. color: Gestion de la couleur du texte letter-spacing: Espace entre les lettres text-align: Alignement d'un texte text-decoration: Habiblement d'un texte A savoir : Dans ce chapitre, la notion d'héritage est appliquée. Couleur d'un texte ou une phrase en CSS Espace entre les lettres Alignement d'un texte Ce texte est aligner à gauche.
don’t use @import
In Chapter 5 of High Performance Web Sites, I briefly mention that @import has a negative impact on web page performance. I dug into this deeper for my talk at Web 2.0 Expo, creating several test pages and HTTP waterfall charts, all shown below. The bottomline is: use LINK instead of @import if you want stylesheets to download in parallel resulting in a faster page. LINK vs. There are two ways to include a stylesheet in your web page. Or you can use the @import rule: <style> @import url('a.css'); </style> I prefer using LINK for simplicity—you have to remember to put @import at the top of the style block or else it won’t work. @import @import I’m going to walk through the different ways LINK and @import can be used. <style> @import url('a.css'); @import url('b.css'); </style> If you always use @import in this way, there are no performance problems, although we’ll see below it could result in JavaScript errors due to race conditions. Figure 1. always using @import is okay LINK @import
CSS1 Properties
Syntax Used in Property Definitions Value of type Foo. Common types are discussed in the Units section. Foo A keyword that must appear literally (though without case sensitivity). A must occur, then B, then C, in that order. A or B must occur. A or B or both must occur, in any order. [ Foo ] Brackets are used to group items together. Foo* Foo is repeated zero or more times. Foo+ Foo is repeated one or more times. Foo? Foo is optional. Foo{A,B} Foo must occur at least A times and at most B times. Font Properties Font Family Font families may be assigned by a specific font name or a generic font family. A sample font-family declaration might look like this: Notice that the first two assignments are specific type faces: New Century Schoolbook and Times. Any font name containing whitespace must be quoted, with either single or double quotes. The font family may also be given with the font property. Font Style Font Variant The font-variant property determines if the font is to display in normal or small-caps.
HasLayout et bugs de rendu dans Internet Explorer 6-7
Le HasLayout, dont vous avez sans doute entendu parler au détour d'un tutoriel ou sur un forum, est une spécificité du navigateur Internet Explorer pour Windows, qui affecte les versions 5 à 7 incluses. Il s'agit d'un mécanisme interne du moteur de rendu d'Internet Explorer. Le HasLayout intervient dans le positionnement des éléments et plus généralement dans le calcul de l'affichage des pages web. Bref, c'est une question de cuisine interne. Pourquoi s'en occuper, s'il s'agit de cuisine interne ? Eh bien parce que cette cuisine-là n'est pas invisible, et que ses conséquences se font sentir dans nos pages web. Concrètement, qu'est-ce-que c'est? Les explications détaillées sur le HasLayout peuvent être trouvées dans l'article On Having Layout. On retiendra surtout que, pour Internet Explorer, tout élément d'une page HTML peut avoir deux états: soit il a le layout, soit il ne l'a pas. Mais qui a le layout? Un exemple de différence de rendu lié au layout On pourrait multiplier les exemples.
HTML Tutorial
CSS reference
style-rule ::= selectors-list { properties-list } ... where : selectors-list ::= selector[:pseudo-class] [::pseudo-element] [, selectors-list] properties-list ::= [property : value] [; properties-list] See the index of selectors, pseudo-classes, and pseudo-elements below. Style rule examples For a beginner-level introduction to the syntax of selectors, see our guide on CSS Selectors.