fogli di stile a cascata (CSS) sono inevitabili nella moderna progettazione di siti web , che include Google Docs - la suite per ufficio libera documento . CSS snellisce i tempi di caricamento e separa gli elementi di stile da struttura , rendendo la codifica di ogni più semplice per i progettisti . Servizi come Google Docs beneficio da questa razionalizzazione , poiché permette loro di svolgere in modo rapido e senza intoppi per tutti gli utenti . Identificare CSS
Si può facilmente identificare i CSS per la visualizzazione di sorgente di una pagina Web nel browser . Mentre HTML utilizza i simboli della tastiera < e > per aprire e chiudere le dichiarazioni di codice, utilizza CSS {e} invece . Visivamente , questo è il primo indizio . Il codice funziona solo , però , se il CSS effettivamente esiste sulla pagina che stai visualizzando . Una delle grandi cose di CSS è che i progettisti possono creare un unico foglio di stile per definire l'aspetto di un intero sito web . Se questo è vero per la pagina che stai visualizzando , vedrai un tag HTML che chiama le direzioni da un documento CSS separato , come < link rel = tipo " foglio di stile " = "text /css " href = " test.css " /> . È possibile identificare il documento tramite l'estensione del file . Css . Esempi in Google Docs
Quando si apre la home page di Google Docs , viene visualizzato un menu sul lato sinistro dello schermo che permette di creare documenti , organizzare i file e cancellare qualsiasi non si desidera più . Sulla destra , vedrete un elenco di documenti creati in precedenza . Se non hai mai usato il servizio prima , vedrete uno spazio vuoto in cui tale elenco viene visualizzato quando si creano nuovi documenti . Se si visualizza il sorgente della pagina , vedrete un sacco di HTML . Per visualizzare il sorgente della pagina in Firefox , aprire il menu principale e scegliere " Web Developer > Visualizza sorgente pagina " o semplicemente premere Ctrl + U. Per visualizzare il sorgente della pagina in Internet Explorer , fare clic sul pulsante a forma di ingranaggio "Strumenti" nella parte destra della barra degli strumenti e scegli " F12 Developer Tools . " Nel primo trimestre della pagina , tuttavia, è avviso che Google Docs chiama a un foglio di stile esterno con la linea type='text/css' . Un paio di righe sotto che , Google Documenti utilizza i CSS direttamente sulla pagina per definire il comportamento delle voci di menu . Cercare le linee che iniziano con type="text/css">