Cascading Style Sheets ( CSS ) är ofrånkomliga i modern webbdesign, vilket inkluderar Google Docs - den fria Office Document Suite . CSS effektiviserar gånger sidan laddas och separerar stilelement från struktur , vilket gör kodningen av varje enklare för konstruktörer . Tjänster såsom Google Docs nytta av denna rationalisering , eftersom det ger dem möjlighet att utföra snabbt och smidigt för alla användare . Identifiera CSS
Du kan enkelt identifiera CSS genom att visa en webbsida källa i din webbläsare . Medan HTML använder tangentbordet symbolerna < och > för att öppna och stänga kod deklarationer , CSS användningsområden { och } istället . Visuellt är det din första ledtråd . Koden fungerar dock endast om CSS verkligen finns på sidan du tittar på . En av de bästa sakerna med CSS är att designers kan skapa en enstaka formatmall för att definiera utseendet på en hel webbplats . Om det är sant för den sida du visar , ser du en HTML-tagg som anropar riktningar från en separat CSS- dokument , t.ex. < link rel = " stylesheet " type = " text /css " href = " test.css " /> . Du kan identifiera handlingen via . Css filändelsen . Exempel i Google Docs
När du öppnar Google Docs hemsida , visas en meny på vänster sida på skärmen som låter dig skapa dokument , organisera dina filer och ta bort någon du inte längre vill ha . Till höger ser du en lista över tidigare skapade dokument . Om du aldrig har använt tjänsten förut , kommer du att se ett tomt utrymme där den listan visas när du skapar nya dokument . Om du läser på sidan källan , ser du en massa HTML . Om du vill visa sidan källa i Firefox , öppna huvudmenyn och välj " Web Developer > Source View Page " eller helt enkelt trycka på Ctrl + U. Om du vill visa sidan källan i Internet Explorer , klicka på COG - formade " Verktyg " -knappen längst till höger i verktygsfältet och välj " F12 Developer Tools . " Under det första kvartalet av sidan , kommer du emellertid meddelande om att Google Docs samtal till en extern formatmall med linjen . Ett par rader under detta , använder Google Docs CSS direkt på sidan för att definiera beteendet av menyalternativen . Leta efter rader som börjar med