Príklady CSS v Dokumentoch Google

kaskádových štýlov ( CSS ) sú nevyhnutné v modernom dizajne webových stránok , ktorý zahŕňa Google Docs - zadarmo kancelársky dokument vlastný . CSS zefektívňuje načítanie stránky krát a oddeľuje prvky štýlu od štruktúry , aby kódovanie každého jednoduchšie pre dizajnérov . Služby ako Google Docs ťažiť z tohto zjednodušenia , pretože im umožňuje vykonávať rýchlo a bez problémov pre všetkých užívateľov . Identifikácia CSS

môžete ľahko identifikovať CSS zobrazením zdroj webová stránka vo vašom prehliadači . Zatiaľ čo HTML používa symboly klávesnice otvoriť a vyhlásenie úzke kódu , CSS použitie { a } miesto . Vizuálne je to vaša prvá stopa . Kód funguje iba však v prípade , že skutočne existujú CSS na stránke , ktorú si prezeráte . Jednou z veľkých vecí , o CSS je , že návrhári môžu vytvoriť jeden štýlov definovať vzhľad celej webovej stránky . Ak je to pravda , na stránke , ktorú prezeráte , uvidíte značku HTML , ktorý volá pokyny od samostatného CSS dokumentu , ako je napríklad < link rel = " stylesheet " type = " text /css " href = " test.css " /> . Môžete identifikovať dokument , prostredníctvom rozšírenia css súboru ..
Príklady v Google Docs

Keď otvoríte domovskú stránku Google Docs , na ľavej strane sa objaví ponuka na vašej obrazovke , ktorý vám umožní vytvárať dokumenty , organizovať súbory a odstrániť niektoré už nechcete . Na pravej strane uvidíte zoznam už vytvorených dokumentov . Ak ste nikdy použiť službu skôr , uvidíte prázdny priestor , kde sa zdá , že zoznam , ako si vytvoriť nové dokumenty . Ak máte zobraziť zdrojový kód stránky , uvidíte veľa HTML . Ak chcete zobraziť zdrojový kód stránky vo Firefoxe , otvorte hlavnú ponuku a vyberte " Web Developer > Zobraziť zdrojový kód stránky " , alebo jednoducho stlačiť Ctrl + U. Ak chcete zobraziť zdrojový kód stránky v programe Internet Explorer , kliknite na tlačidlo ozubeného tvare " Nástroje " na pravej strane vášho panela a vyberte " F12 Developer Tools . " V prvom štvrťroku stránke , však, budete Všimnite si , že Google Docs volania na externý zoznam štýlov s linkou . Pár riadkov nižšie , že Google Docs používa CSS priamo na stránku definovať chovanie položiek menu . Pozrite sa na riadky , ktoré začínajú s