CSS (Fogli di stile a cascata)

I CSS (Cascading Style Sheets) sono uno strumento popolare nel web design. È difficile immaginare molte applicazioni web senza di loro. Possono accelerare la creazione e la modifica delle pagine web. Un file CSS è praticamente scritto come una specie di file di testo e contiene istruzioni per il design. Così, è anche possibile che tutte le sottopagine di un homepage per utilizzare lo stesso design chiamando questo file CSS nell'intestazione della rispettiva pagina. Se cambiate il design, dovete solo cambiare il file CSS e questo influenzerà tutte le pagine del progetto web da modificare.

Opzioni di formattazione

Con lo speciale linguaggio di programmazione CSS si possono eseguire quasi tutti i compiti di formattazione di un sito web, almeno quelli relativi alla progettazione. Con i CSS è possibile anche creare cornici di diverse tonalità e grafica semplice. I caratteri e le dimensioni dei caratteri sono definiti una sola volta nel file CSS e sono quindi automaticamente disponibili nell'intero catalogo o nella presentazione aziendale. Ci sono molte possibili varianti, perché alcune aree come i titoli, i contenuti delle tabelle, le didascalie o le note a piè di pagina possono essere definite separatamente. Sfondi di colore diverso con o senza motivi possono essere dichiarati tramite CSS. Con i CSS si possono realizzare diversi punti di proiettile, vari elementi dinamici e molto altro ancora. Anche le immagini, i video e le sequenze audio possono essere integrati in questo modo, se non si vuole farlo in altro modo.

Sintassi

Secondo le linee guida del W3C, le proprietà da visualizzare sono soggette a determinate regole. Ci sono selettori che assegnano un certo valore alla rispettiva proprietà tra parentesi graffe. Ad esempio, nel caso del colore di un'intestazione del secondo ordine, può essere così: h2 { colore: verde; } Al posto di "verde" potrebbe esserci anche un numero di colore. Qui, "h2" sarebbe il selettore, "colore" la proprietà e "verde" il valore assegnato. Naturalmente è possibile assegnare più proprietà contemporaneamente. Importanti sono gli spazi dopo l'apertura e prima della parentesi di chiusura e i punti e virgola alla fine di ogni incarico. Per motivi di chiarezza, si raccomanda di disporre ogni proprietà in una linea supplementare. Per progetti di ampio respiro, il sito web allora i commenti interni non visibili hanno senso.

cssCampi di applicazione e caratteristiche speciali

I fogli di stile a cascata sono relativamente facili da integrare nei progetti HTML e PHP. L'HTML (Hyper Text Markup Language) era inizialmente l'area di applicazione più diffusa. Singoli fogli di stile possono essere inseriti qui anche all'interno di un file HTML con i comandi di stile. I fogli di stile a cascata, cioè diversi elementi di design, sono definiti in un file separato e richiamati in un'area specifica di un file HTML o, più favorevolmente, nell'intestazione come file esterno. In PHP (Hypertext Preprocessor - in realtà Personal Home Page Tools) i CSS non sono solo inclusi come file *.css, ma collegati con comandi PHP. Una combinazione di PHP e HTML è anche possibile in linea di principio. La variante più moderna è quella di lavorare con i database, in cui nel caso di MySQL Ad esempio, le proprietà del progetto web possono essere create tramite PHP e CSS. Numerosi sistemi di database utilizzano tecniche simili. Tuttavia, la maggior parte di essi utilizza linguaggi di programmazione aggiuntivi che utilizzano anche i CSS. Purtroppo ci sono alcune caratteristiche speciali riguardanti i sistemi operativi e i browser da prendere in considerazione. Non tutti gli effetti sono uguali in ogni browser, alcuni non sono nemmeno interpretati da tutti. Per questo motivo spesso si devono considerare versioni diverse a seconda del browser e del sistema operativo nel modo in cui i valori sono assegnati alle proprietà nel CSS. A questo scopo, il sistema operativo e il browser utilizzato vengono solitamente interrogati dall'intestazione del file HTML o PHP o dal sistema di database e viene assegnata una versione CSS corretta.

attività e svantaggi

I CSS sono una gradita aggiunta e semplificazione ai progetti HTML e PHP. Sono strutturate in modo logico e possono essere apprese in modo relativamente rapido. Un errore in un file CSS, tuttavia, apparirà su più pagine contemporaneamente, ma può anche essere risolto rapidamente. Ci sono problemi con i font esotici e i set di lingue straniere. Pertanto è necessario prendere precauzioni e specificare una variante alternativa. Nel caso di un font speciale, si potrebbe assegnare un valore per un font che normalmente è presente ovunque davanti ad esso. CSS per utilizzare l'ultimo valore nominato per un immobile. Se questo valore non può essere visualizzato, viene ignorato. Se avete assegnato il carattere semplice prima di questa assegnazione, esso è considerato l'ultimo carattere interpretabile e la vostra pagina sarà comunque visualizzata in modo utilizzabile. I set di lingue straniere e altre caratteristiche speciali devono essere integrati nel progetto web tramite HTML, PHP o un altro linguaggio di programmazione o, se necessario, reindirizzati a una pagina in inglese.

Articoli attuali