U kunt eenvoudig CSS identificeren door het bekijken van de bron van een webpagina in uw browser . Terwijl HTML maakt gebruik van het toetsenbord symbolen < en > om code verklaringen , CSS gebruik { en } in plaats daarvan openen en te sluiten . Visueel , dat is je eerste aanwijzing . De code werkt echter alleen als de CSS er eigenlijk op de pagina die u bekijkt . Een van de grote dingen over CSS is dat ontwerpers een enkele style sheet aan het uiterlijk van een hele website te definiëren kan creëren . Als dat waar is voor de pagina die u bekijkt , zult u een HTML -tag die aanwijzingen van een aparte CSS- document, zoals < schakel rel = " stylesheet " type = " text /css " href = " noemt zien test.css " /> . U kunt het document te identificeren via de . Css -bestand extensie .
Voorbeelden in Google Docs

Wanneer u de Google Documenten startpagina te openen , verschijnt er een menu aan de linkerkant van uw scherm die u toelaat om documenten te maken , organiseren van uw bestanden en verwijder alle u niet meer wilt . Aan de rechterkant vindt u een lijst met eerder gemaakte documenten zien . Als je nog nooit de service hebt gebruikt , zult u een lege ruimte waar die lijst verschijnt als u nieuwe documenten maken te zien . Als je de pagina bron bekijken, moet je een heleboel HTML te zien . Naar de pagina bron bekijken in Firefox , opent u het hoofdmenu en kies " Web Developer > Paginabron bekijken ' of gewoon druk op Ctrl + U. Naar de pagina bron bekijken in Internet Explorer , klik op de kogge - vormige " Tools" knop aan de rechterkant van uw werkbalk en kies " F12 Developer Tools . " In het eerste kwartaal van de pagina , maar u zult aankondiging dat Google Docs vraagt ​​om een externe style sheet met de lijn . Een paar regels hieronder dat , Google Docs gebruikt CSS rechtstreeks op de pagina om het gedrag van de menu-items te definiëren . Kijk voor regels die beginnen met