background preloader

HTML CSS

Facebook Twitter

Smart Quotes for Smart People. Les propriétés CSS :nth-child et :first-child. Afin de styliser en CSS une liste d’éléments, que ce soit pour la navigation de votre site web ou pour une liste dans vos contenus, vous pouvez utiliser un « ID » différent pour chacun de vos items.

Les propriétés CSS :nth-child et :first-child

Cependant, cela aura comme inconvénient de vous créer plusieurs lignes de codes qui auraient pu être évitées à l’aide de différentes propriétés telles que :nth-child, :nth-of-type, :first-child et :last-child. Ces propriétés sont également très utiles lorsque vous avez une liste avec énormément d’éléments. Voici un article illustrant à merveille l’utilisation de chacune de ces propriétés CSS dans différents contextes afin d’avoir un contrôle absolu sur vos listes HTML.

HTML Character Entities Cheat Sheet by DaveChild. Lien vide. Non, utiliser title n'est pas totalement fiable, il peut parfois poser des problèmes car il n'est pas systématiquement rendu comme on le voudrait.

Lien vide

Le lien proposé par Felipe expose la meilleure solution si tu tiens aux icônes textuelles. Pour ta deuxième question sur les labels, tu peux envoyer le texte du label hors de la zone d'affichage avec du text-indent ou du clip ou ce que tu veux (sauf display:none ou visibility:hidden ou width/height:0). Certains sites mettent aussi une image à la place du texte et ça va très bien, p.ex. <label... ><img alt="recherche" ... Si tu veux aussi utiliser des icônes textuelles comme labels, par contre, je pense que la solution bullet-proof ne fonctionnera pas (ça reste à vérifier, mais j'ai des gros doutes, notamment avec jaws qui a parfois tendance à outrepasser le DOM pour obtenir ses informations).

L'accessibilité, c'est aussi savoir rester simple et ne pas compliquer plus que nécessaire. Principes du CSS – Les sélecteurs (Partie1 : CSS2) Lorsqu'on utilise du CSS, on peut se contenter des trois sélecteurs de base : Les éléments, les identifiants et les classes.

Principes du CSS – Les sélecteurs (Partie1 : CSS2)

Souvent, sans le savoir, vous utilisez un sélecteur simple de descendance, par un espace entre deux de ces sélecteurs - hé oui ! Mais il existe d'autres sélecteurs plus avancés, nous allons les passer en revue. Je ne traite ici que du CSS 2.1. Le CSS3 apporte de nouveaux sélecteurs très intéressants et utiles, qui sont listés dans cet article. Préambule Pour petit rappel : Donc si vous êtes là, c'est que vous savez construire une feuille de style. C'est une bonne base de travail ; mais il existe une utilisation plus avancée des sélecteurs. Certes, c'est un tantinet plus long et complexe qu'écrire simplement la classe d'un élément. Mais on peut minimiser au maximum l'utilisation de ces classes et de ces ID grâce à l'utilisation des sélecteurs. De plus, ça peut se révéler très utile dans certains cas. Les sélecteurs de descendance Sélecteur de descendance. Les préfixes vendeurs en CSS.

Afin de permettre le développement progressif et l'implémentation des modules CSS, les éditeurs de navigateurs (vendors) ont la possibilité d'introduire le support de propriétés spécifiques.

Les préfixes vendeurs en CSS

Différence entre pseudo-élément et pseudo-classe. Différence entre pseudo-élément et pseudo-classe Cet article a 2 années.

Différence entre pseudo-élément et pseudo-classe

Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 10 167 fois. Petit sujet de vocabulaire aujourd’hui pour soulever un problème de différenciation entre la pseudo-classe et le pseudo-élément en CSS. Nous allons voir comment les distinguer sur la forme et sur le fond, pour cela essayons déjà de regrouper sur cette pages les pseudo-classes et pseudo-éléments existant (ça évolue, ils ne seront peut-être pas tous), vous verrez peut-être automatiquement comment les différencier. Les pseudo-classes en CSS2.1 Il en existe des très connues, et des un peu moins, voici celles que j’ai pu relever : :link : cible les liens non visités ;:hover : cible un élément pointé visuellement (survolé) grâce à une souris par exemple ;:active : cible un élément activé par l’utilisateur, par exemple au moment du clic sur le bouton gauche de la souris.

Google Traduction. Apprendre HTML. HTML c'est quoi? Ultimate CSS Gradient Generator - ColorZilla.com. Les 30 sélecteurs CSS à connaître absolument. Tomsyweb.com Buy this domain The owner of tomsyweb.com is offering it for sale for an asking price of 345 GBP!

Les 30 sélecteurs CSS à connaître absolument

Related Searches This page provided to the domain owner free by Sedo's Domain Parking. Formulaires HTML5 : nouveaux types de champs. HTML 4 était bien limité concernant les types de champs.

Formulaires HTML5 : nouveaux types de champs

HTML5 apporte énormément en terme de nouveautés. Ces innovations sont réunies sous un nom : les Web Forms (ou HTML5 Forms). Souvenez vous des éléments de saisie et de soumission de formulaire en HTML4 assez peu nombreux : <textarea> <select> (<option> et <optgroup>) <button> <input> (text, password, file, radio, checkbox, submit, image, hidden, reset,button) Grâce à l'apport de HTML5 et des Web Forms, de nouveaux éléments et types d'éléments arrivent dans nos formulaires.