Cascading Style Sheets ( CSS) er uunngåelig i moderne webdesign, som inkluderer Google Docs - gratis Office-dokument suite. CSS strømlinjeformer å laste siden og skiller stilelementer fra struktur , noe som gjør kodingen av hvert enklere for designere . Tjenester som Google Docs nytte av denne effektivisering , siden det gjør dem i stand til å utføre raskt og greit for alle brukere . Identifisere CSS

kan du enkelt identifisere CSS ved å vise en webside kilde i nettleseren din . Mens HTML bruker tastaturet symboler < og> for å åpne og lukke kode erklæringer , CSS bruker { og } i stedet . Visuelt er at det første ledetråd . Koden fungerer bare , men dersom CSS faktisk eksisterer på siden du viser. En av de store tingene med CSS er at designere kan lage et enkelt stilark for å definere utseendet på et helt nettsted . Hvis det er sant for den siden du viser , vil du se en HTML-kode som kaller retninger fra en separat CSS -dokument , for eksempel . Du kan identifisere dokumentet via . Css filtypen .
Eksempler i Google Docs

Når du åpner Google Docs hjemmeside, vises en meny på venstre side av skjermen som lar deg opprette dokumenter , organisere filer og slette noen du ikke lenger ønsker . På høyre , vil du se en liste over tidligere opprettede dokumenter. Hvis du aldri har brukt tjenesten før, vil du se en tom plass der den listen vises slik du opprette nye dokumenter . Hvis du ser på siden kilden , vil du se mye av HTML. For å vise siden kilden i Firefox , åpne hovedmenyen og velg " Web Developer > Vis Page Source " eller bare trykke Ctrl + U. For å vise siden kilden i Internet Explorer , klikker du cog - formet " Verktøy"-knappen på høyre side av verktøylinjen og velg " F12 Developer Tools. " I første kvartal av siden, men du vil Legg merke til at Google Docs samtaler til et eksternt stilark med linjen . Et par linjer under det , bruker Google Docs CSS direkte på siden for å definere atferd av menyelementene . Se etter linjer som begynner med