background preloader

Le CSS - Tutoriel HTML & CSS

Le CSS - Tutoriel HTML & CSS
La syntaxe Un fichier CSS permet de changer radicalement l'affichage de plusieurs pages HTML. La structure d'un fichier CSS est simple (plus que celle d'un fichier HTML). Un fichier CSS est composé de plusieurs règles. Chaque règle permet de changer l'affichage de plusieurs balises HTML. Les règles ont la syntaxe suivante : Expliquons cette structure avec quelques définitions : Chaque règle CSS sert à appliquer des styles à une balise HTML, certaines balises, ou un groupe de balises ; Chaque règle d'un fichier CSS débute par un sélecteur. Pour illustrer ce que nous venons de voir, nous allons voir comment centrer le titre de niveau 1 de nos pages Web. Si maintenant nous voulons une couleur bleue pour ce même titre, nous devons appliquer une seconde déclaration (couple "propriété: valeur") pour le même sélecteur h1 : il s'agit de la propriété "color", et nous lui donnons la valeur "blue". Lier le CSS au HTML <! Le fichier style.css, quand à lui, pourra ressembler à ceci : <! Les sélecteurs <!

Related:  Html

Personaliza los marcos de blogger Cada vez es más necesario utilizar blogs para desarrollar los contenidos. Una de las herramientas más interesantes es Blogger. Esta herramienta pone a nuestra disposición un montón de plantillas, junto con un editor para personalizar tipos de letra, colores, tamaños y una infinidad de elementos, pero no es suficiente, cuando queremos crear un marco personalizado para todos los gadget que tenemos en una barra lateral. La solución pasa por editar la plantilla HTML y añadir el elemento “.widget-content” para la barra lateral de gadget.

Сolorful grunge textures We all know how good it is to have correct clipart in a times of tight deadlines and creative block which, sooner or later, happens to all of us. And It's much more better to have them for free. That's what we doing here - sharing tons of design tools for free. Most of them even free for commercial purposes: web-design and prints, brochures and b-cards, posters and flyers, creative illustrations t-shirt design, book/CD/DVD covers or logotypes.

Media types 7.1 Introduction to media types One of the most important features of style sheets is that they specify how a document is to be presented on different media: on the screen, on paper, with a speech synthesizer, with a braille device, etc. Certain CSS properties are only designed for certain media (e.g., the 'page-break-before' property only applies to paged media). 70 Expert Ideas For Better CSS Coding - Smashing Coding Advertisement CSS isn’t always easy to deal with. Depending on your skills and your experience, CSS coding can sometimes become a nightmare, particularly if you aren’t sure which selectors are actually being applied to document elements. An easy way to minimize the complexity of the code is as useful as not-so-well-known CSS attributes and properties you can use to create a semantically correct markup. We’ve taken a close look at some of the most useful CSS tricks, tips, ideas, methods, techniques and coding solutions and listed them below. We also included some basic techniques you can probably use in every project you are developing, but which are hard to find once you need them.

A Great New Tool to Teach Kids Coding September 23, 2014 Code Studio is a newly released platform geared towards helping students from kindergarten to high school learn the different coding concepts. Code Studio which is a product of the popular nonprofit group known for its relentless efforts to make coding part of the curricula. Code Studio, as is explained in this excellent review, provides a variety of features that set it apart from other coding platforms. Most important of them all is its integration of HTML5 which makes it accessible through different browsers. Code Studio also provide coding lessons tailored for each age group and grade level.

Les Observateurs et le (néo)conservatisme Web des années 90 Joyeux Anniversaire aux! En effet, cela fait maintenant deux ans que ce site existe et son fondateur, M. Uli Windisch, ancien professeur de sociologie des médias à l’Université de Genève, a décidé de faire un état des lieux. A l’origine, son ambition affichée était de créer un blog permettant de lancer un véritable courant de pensée conservateur et de droite, et appelé à devenir un média à part entière.

CSS3 Dropdown Menu While I was coding the Notepad theme, I’ve learned some new CSS3 features and now I would like to share it with you. View the demo to see a Mac-like multi-level dropdown menu that I’ve created using border-radius, box-shadow, and text-shadow. It renders perfect on Firefox, Safari and Chrome. The dropdown also works on non-CSS3 compitable browsers such as IE7+, but the rounded corners and shadow will not be rendered. Tutoriels XHTML, CSS, Accessibilité, JavaScript Proposez votre tutoriel Niveaux : Débutant Confirmé Expert Langages hypertexte (HTML, HTML5, XHTML), balises, structure des pages web et validation W3C Feuilles de style CSS (Cascading Style Sheet) Accessibilité 9 Websites to Learn Coding As Compiled by TED May 15, 2014 Learning how to code has become an essential skill for the 21st century students. The importance of coding lies in the fact that it enables students to learn a slew of other important skills all along the way. In his popular TED talk " Let's Teach Kids to Code", Mitch Resnick of MIT Media Lab outlined a set of skills that students get to learn from coding . These skills are also relevant for all other sorts of activities: Code Racer that is featured in TED article has become Treehouse which brings the number of websites to 9.

The Web is 25 years old….more or less a couple of years! The Web is about 25 years old, more or less 2-3 years, depending on which date you start counting from! In a time when technologies and the associated practices are changing so fast, this isn’t that young anymore! On a human scale, it’s already more than a quarter of a life, if one takes into account the longest life expectancy possible today. A website has been set up to keep track of the various events and celebrations put together for this anniversary. Moreover, as announced in my « event » section, the journal New Media & Society is running a special issue that will be published in 2016.

Menu déroulant en CSS sans javascript, compatible IE et FF tout niveau - Peut-être une réponse ? Jeudi 10 novembre 4 10 /11 /Nov 00:00 Mise à jour le 08/06/2006 22:31 Ca y'est!!! J'ai enfin réussi à adapter un menu déroulant uniquement en CSS et compatible avec Internet Explorer (IE) et Firefox (FF). L'astuce est d'écrire 2 fois le menu et sous-menu, 1 fois pour IE (caché de FF) et 1 fois pour FF (caché de IE). Ainsi quelque soit le navigateur, le menu apparaît.