2

Visual wint met CSS3

Geplaatst door Marcus Antonius - 15 april 2010. in css

Chris Coyier, webdesigner die beweert de blog CSS-Tricks , schrijft in zijn op Twitter profiel dat "CSS is net als schaken. U kunt leren de basisprincipes in een dag, en breng een levenslange specialiseren. " In feite, CSS is de taal makkelijk te leren, met een zeer eenvoudige syntaxis. Maar het maken van goed ontworpen pagina-indelingen met behulp van CSS, en weet al zijn trucs, het vergt tijd en ervaring.

De meest correcte manier van ontwikkelen van webpagina's voor de structuur is onderverdeeld in drie lagen: de inhoud (HTML), het gedrag (JavaScript) en presentatie (CSS). Werken aan CSS in een aparte laag van de rest van de structuur, bereiken we een betere visuele consistentie, aangezien de lay-out van alle pagina's zijn gebaseerd op een soortgelijk style sheet. We hebben ook tijdwinst en gemak bij het maken van een visuele herinrichting of onderhoud, omdat het veranderen van een enkel bestand een impact zal hebben op de hele site. Met de CSS in een apart bestand, kunnen wij ook zorgen voor een grotere toegankelijkheid van specifieke stijl sheets voor verschillende apparaten te creëren zoals spraaksynthesizers en sound, braille-apparaten en printers, mobiele telefoons en mobile apparaten other, enz.. Het laden van pagina's ook sneller, want na de eerste toegang tot de site, de CSS-bestand wordt geladen in de cache.

camadas

Een goed voorbeeld van hoe CSS kan krachtig zijn wanneer goed gebruikt, is de CSS Zen Garden . De site biedt een sjabloon HTML-pagina te downloaden, en verschillende ontwerpers style sheets voor die pagina. Het resultaat is te zien in de galerie: alleen het veranderen van de stylesheet worden verschillende lay-outs worden toegepast in dezelfde HTML-pagina.

Meer ...

Verzonden naar Twitter

Tags:

6

Alles (of bijna alles wat) je moet weten om te beginnen met CSS

Geplaatst door Marcus Antonius - 25 september 2009. in css

Heb ik besloten om deze post uit mijn oude blog nieuw leven inblazen en het hier. Het is altijd goed om een gids voor al die keren dat de agent iets vergeet in de style sheets.

Dus laten we aan de slag!

Style sheets kunnen worden gekoppeld aan een document dat op drie manieren:

1. Ingevoerd of schade optreedt;
2. Incorporated;
3. Inline.

Externe style sheet

Een stylesheet is buiten, bij de CSS-regels worden verklaard in een document dat een deel van het HTML-document gezegd. De stylesheet is een apart bestand en html-bestand dat de extensie. Css

Een externe style sheet is ideaal om te worden toegepast op meerdere pagina's. Met een extern style sheet, kunt u het uiterlijk van een hele site te wijzigen door het veranderen van slechts een bestand (het bestand van de style sheet).

De CSS-bestand van de externe style sheet moet worden ingevoerd of bobcat HTML-document in de <>-tag van het document. De algemene syntax om een style sheet link genaamd estilo.css is hieronder weergegeven:

css

Meer ...

Verzonden naar Twitter

Tags:

Copyright © 2010 Marcus Antonius Alle rechten voorbehouden.
Portfolio | CV | Contact | Twitter | RSS