Wat is CSS

uit de cursus Basiskennis CSS

Wat is CSS
Geef een waardering

Hallo vreemdeling,

wat leuk dat je onze site bezoekt. Bekijk gerust een paar video's en als het je bevalt kun je altijd abonnee worden.

Automatisch afspelen
Volgende video: CSS in werking

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Basiskennis CSS

perm_identity Belinda | video_library 53 video's | query_builder 03:38:14

In deze online basiscursus  leer je de grondbeginselen van CSS. Met CSS, Cascading Style Sheets, bepaal je de layout en de vormgeving van een webpagina. CSS schrijf je in een apart bestand dat je koppelt aan de html-pagina’s. Hierdoor zorg je voor een consistente vormgeving en opmaak voor de gehele website. Leer op welke manier je CSS kan verbinden aan webpagina’s en gebruik te maken van de juiste css-selectors.

Tekst en afbeeldingen vormgeven met CSS

CSS biedt een groot aantal CSS-stijlopdrachten waarmee je onder andere teksten en afbeeldingen perfect kunt vormgeven. CSS is continu in beweging omdat hier elke dag aan ontwikkeld wordt. Het is dus een taak om altijd op de hoogte te blijven van de nieuwe mogelijkheden en de veranderingen. Maar de basis is de basis, en die leer je in deze cursus. Vanuit dit startpunt kun je jezelf blijven ontwikkelen in deze krachtige manier van het consistent vormgeven van je HTML-pagina’s.

In deze video leg ik uit waarom websites vormgegeven worden met css-stijlen.

CSS staat voor Cascading Style Sheet.

Allereerst wil ik een overzicht geven welke gangbare technieken gebruikt worden bij het vervaardigen van websites.

De meeste websites worden opgebouwd met verschillende technieken.

Allereerst de HTML.

Met html geven we de content van de webpagina betekenis en structuur.

En dit doen we met behulp van de html-elementen.

Zoals de h tot en met h voor kopjes.

Lijsten maken we op met het ol of ul element en de listitems vervolgens met de li's.

Vervolgens de CSS.

Met css-stijlen wordt de vormgeving gescheiden van de content.

En hiermee bepaal je vervolgens volledig het uiterlijk van de website.

Met JavaScript of javascript bibliotheken zoals bijvoorbeeld jQuery

kun je bepaalde interactiviteit laten uitvoeren door de browser van de bezoeker.

Met PHP kun je weer specifieke functies laten uitvoeren die niet

afhankelijk zijn door de mogelijkheden van de browser van de bezoeker.

Maar worden uitgevoerd door de server waarop je de website host.

En als je bijvoorbeeld gebruik wilt maken van content die uit een database gegenereerd moet worden.

Dan maak je gebruik van mySQL.

Ook als je bijvoorbeeld de eigenaar van een website de mogelijkheid wil bieden,

dat deze zelfstandig zijn eigen content kan beheren.

Dan zul je gebruik moeten maken van een soortement Content management Systeem.

En deze maken gebruik van php en mySQL.

Nou is het niet zo dat altijd elke website gebruik maakt van alle technieken.

Een statische website maakt bijvoorbeeld alleen gebruik van HTML en CSS.

En indien men gebruik wil maken van leuke functies ook van JavaScript.

Een Content Management Systeem, een dynamische website, maakt wel gebruik van alle technieken.

Kortom, met css-stijlen bepaal je de vormgeving van de elementen op een html pagina.

Cascading betekent het overerven van opmaakeigenschappen.

Denk aan een waterval.

De browser van de bezoeker is de eerste die een webpagina interpreteert en toont.

Daarna als er een extern stijlblad gekoppeld is aan de html pagina,

dan overschrijft deze de browser gestuurde vormgeving.

Is er ook een intern stijlblad aanwezig op de html pagina?

Dan zal deze het externe stijlblad overschrijven en de browser.

En als laatste kun je ook nog in de html broncode een inline stijl verwerken,

en deze zal als laatste ingelezen worden en alle voorgaande stijlen overschrijven.

Uiteindelijk zal de laatst ingelezen stijl bepalen wat het uiterlijk wordt.

Dus, na de browser volgt het externe stijlblad, daarna een intern stijlblad en als laatste een interne stijl.

Je kunt met één stijlblad de vormgeving bepalen voor een hele website.

Omdat je dit stijlblad vervolgens koppelt aan alle webpagina's waaruit een website bestaat.

Zo is het ook heel eenvoudig om wijzigingen in de vormgeving door te voeren.

Want je hoeft enkel maar de stijl in een stijlblad aan te passen.

Een css-stijlblad is ook overzichtelijk.

En werkt zeer efficiënt vooral als je ook moet samenwerken met meerdere personen aan één website.