background preloader

Feuille de style CSS de base par l'exemple - CSS Débutants

Feuille de style CSS de base par l'exemple - CSS Débutants
Une feuille de style CSS externe peut se faire avec le simple bloc-note, et il est d'usage de lui faire porter l'extension .css (style.css par exemple). On la liera ensuite à la page html à l'aide d'un link placé dans l'en-tête de la page (pas de panique ! la méthode est expliquée en dessous). Mais on peut aussi déclarer les styles dans l'en-tête de la page, ou au sein des balises elles-mêmes. Partons donc à la découverte d'une première feuille de style... Sommaire Structure de base Pour chaque déclaration, la structure est toujours la même : Le sélecteur, c'est la balise (X)HTML (body ; h1 ; p, etc.), l'identifiant (id) ou la classe (class) ;La propriété, c'est l'attribut qu'on veut appliquer (font ; background ; margin ; etc.) Exemple de feuille de style Fonctionne avec : Tous les navigateurs graphiques Propriétés utilisées : background-color color font-family ; font-size padding text-align ; text-decoration Cet exemple de feuille de style (encore une fois, de base) donnera une page : Code CSS

phpBB.fr (Site Officiel FR) • Logiciel de forum libre et gratuit Cours transformation de documents XML avec XSLT Présentation de XSLT, langage de transformation pour les documents XML. Motivations et généralités XSLT est un langage central dans le monde XML et beaucoup de qualités reconnues de XML reposent en fait sur l'utilisation de XSLT : productions de versions diffusables (HTML, PDF, etc.), pérennité des documents, ouverture des formats, interopérabilité, etc. La première motivation est d'associer un style à un document XML, tout comme on associe une feuille de style CSS à une page HTML. Les CSS sont utilisables avec les documents XML mais présentent plusieurs défauts : les CSS ne permettent pas d'extraire les valeurs des attributs pour les faire apparaître ; il est possible avec les CSS de placer les blocs les uns par rapport aux autres, d'en faire disparaître certains, mais pas de tout réorganiser de fond en comble, encore moins de créer de nouvelles données ; le langage CSS n'est pas un langage XML. Cela amène à la définition d'un nouveau format : XSL pour eXtensible Stylesheet Language.

Les classes de style (CSS) Septembre 2017 Les classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. La définition des classes est aussi simple que celles des styles. Où « Nom-de-la-classe » représente le nom donné à la classe. Appel d'une classe Pour appeler une classe dans le code HTML, il suffit de rajouter un attribut class à la balise : Soit la classe Rouge appliquée à la balise b : L'appel à cette classe dans le code se fera de la façon suivante : <B class="Rouge"> Texte à mettre en rouge et en gras </B> Les classes universelles Il est possible de ne pas préciser de balise, auquel cas la classe pourra être utilisée dans n'importe quelle balise pour laquelle le style sélectionné a un sens ! Soit la classe « important » suivante : L'appel de cette classe peut être fait à partir de n'importe quel élément HTML pour lequel la définition est valide : <h1 class="important">Attention ceci est un avertissement</h1><i class="important">(prière d'en tenir compte)</i>

VERLINA produits naturels et bio pour les animaux, chiens, chats, le jardin et la maison sans titre pour les auteurs Web et les webmestres Ce document est informatif. Bien que de nature technique, il essaye de rendre les concepts mis en jeu compréhensibles et applicables à des situations concrètes. Pour cette raison, certains aspects de la documentation sont simplifiés ou omis, par souci de clarté. Si votre intérêt sur le sujet vous porte aux détails, veuillez explorer le chapitre « Références et autres informations » à la fin. Qu’est-ce qu’un cache Web ? Un cache Web se tient entre un ou plusieurs serveurs Web (appelés aussi serveurs originaux) et un ou plusieurs clients, et il observe le va-et-vient des requêtes en enregistrant pour lui-même des copies des réponses — comme des pages HTML, des images et des fichiers (appelés collectivement des représentations). On utilise des caches Web pour deux raisons principales : Les types de cache Web Les caches de navigateurs Les caches de serveurs mandataires Les caches de passerelles Les caches Web ne sont-ils pas mauvais pour moi ? Par exemple :

Div et CSS : une mise en page rapide et facile Tout au long de cet exercice, nous allons utiliser deux fichiers : index.html : contiendra tout notre code HTML. style_div.css : contiendra toutes les informations relatives au positionnement de nos différents blocs. Pour inclure notre CSS dans notre page HTML, rien de plus simple, il nous suffit d'insérer le code suivant entre les balises <head> et </head> : Définissons tout d'abord les propriétés de base de nos blocs. Dans notre fichier CSS : Ce petit bout de code définit simplement que pour tous les éléments de type div, le texte sera centré (text-align). Nous allons commencer par créer un modèle de page tout bête, comprenant un bandeau, une zone de contenu, et un pied de page Nous alons définir (parfaitement arbitrairement) des couleurs (uniquement pour bien se représenter les positions) ainsi que les dimensions de nos différents blocs : Bandeau : 600 x 50 px - couleur : #00CCFF Contenu : 600 x 400 px - couleur : #FFCC00 Pied de page : 600 x 50 px - couleur : #33FF99 Mais, mais, mais !!!

Qu'est ce qu'un PGI? A quoi ça sert? | BeezNest Les Progiciels de gestion intégré (PGI/ERP) sont de plus en plus répandus de nos jours. Ces logiciels de haute technologie sont conçus pour aider la communication et la collaboration entre les différents services d'une société, en augmentant ainsi la productivité. Votre logiciel PGI deviendra rapidement un outil de gestion indispensable centralisant toutes vos ressources d'ordre professionel (clients, fournisseurs, produits, ressources humaines, comptabilité, facturation, production, stocks, services...). Toutes vos activités quotidiennes peuvent être modélisées au sein de votre PGI vous donnant accès à des rapports précis sur votre activité et vous permettant de piloter votre entreprise de manière efficace gràce à des données en temps réel. Néanmoins, si la plupart des sociétés partagent les mêmes besoins en terme de gestion, chacune d'entre elles représente un cas particulier et nécessite des solutions spécifiques. Retour >>>

Free Sitemap Generator

Related: