Sommario
Il web moderno è composto da più aspetti, c'è il tecnico, il funzionale e l'estetico, ognuno di questi aspetti è importante quanto gli altri, tuttavia quando una persona è più affine a uno di essi tende a trascurare loro. il resto.In questo senso, quando una persona è più legata all'aspetto tecnico, generalmente trascura l'aspetto estetico, dove l'aspetto funzionale è un incrocio tra i due, poiché non tutto ciò che è molto estetico sarà funzionale, e il fatto che usiamo tutto le ultime tecnologie non fanno nemmeno un sito web o un progetto.
Il CSS È il modo in cui possiamo incorporare la parte estetica nel web in modo amichevole per lo sviluppatore e serve anche come linguaggio universale per comunicare con l'esperienza dell'utente e i progettisti di Front-End, poiché è il modo per dare un cerca in qualsiasi sito web.
Cos'è il CSS?CSS è un linguaggio semplice utilizzato per definire gli stili che possono essere applicati all'interno dei documenti HTMLCitando gli stili di parola, intendiamo che possiamo controllare tutto, dal modo in cui vengono visualizzati i caratteri su un sito Web, all'implementazione dei cursori del mouse, ai colori, alle immagini, al layout dello schermo, ecc.
CSS è uno standard ed è sotto la responsabilità del W3C, quindi ogni browser che supporta CSS Dovrebbe funzionare allo stesso modo se aderisci alle istruzioni emesse da questa istituzione.
Cos'è CSS3?CSS3 è un livello di specifica di CSS, è la quarta specifica da quando ha avuto CSS, CSS2, CSS2.1 e adesso CSS3Ogni specifica parte da quella precedente e ognuna incorpora miglioramenti, nuovi stili e nuovi modi di applicarli. Le specifiche di queste implementazioni possono essere viste sul web www.w3.org/Style/CSS:
INGRANDIRE
Qual è lo scopo del CSS?Il ruolo da svolgere CSS sui nostri siti web è preparare le nostre strutture per essere presentate, cioè per rendere il HTML che abbiamo costruito sembrano buoni per essere mostrati a un utente. Può sembrare un po' sciocco da dire, tuttavia è qui che entrano in gioco i tre fattori che abbiamo menzionato all'inizio, un HTML senza stili può essere funzionale e può utilizzare elementi tecnici molto moderni, tuttavia di per sé non sarà estetico; Ciò implica che sebbene il nostro sito Web sia il migliore, senza CSS sembrerà alquanto incompleto.
Vantaggi dell'utilizzo dei CSS
- Separiamo la presentazione dalla struttura, questo aiuta il nostro sito ad essere modulare.
- Fogli di stile CSS possono essere condivisi da tutte le pagine di un sito web, così guadagniamo coerenza e risparmiamo lavoro.
- Insieme a CSS possiamo creare stili per diversi dispositivi e ambienti.
- Mantenere un sito che hai implementato CSS è molto più facile.
Browser moderni
Agli albori del web moderno, stiamo parlando degli anni '90, c'erano poche opzioni per i browser web, anche a pagamento, ma quello che ricordiamo di più è sicuramente la guerra di Internet Explorer sì NetscapeQuesto diede l'impulso a tener conto dell'aspetto funzionale, tuttavia, essere in guerra significava che ogni browser aveva le sue regole e questo rendeva la vita impossibile allo sviluppatore web. Attualmente abbiamo molte opzioni del browser e la stragrande maggioranza è gratuita per l'utente, le più importanti sono:
- Google Chrome.
- Safari.
- Mozilla Firefox.
- Musica lirica.
- Internet Explorer.
INGRANDIRE
WebKitÈ un motore open source ed è utilizzato da Cromo sì SafariSebbene ognuno utilizzi lo stesso motore, la loro implementazione non è necessariamente la stessa, quindi potrebbero esserci differenze tra i browser.
GecoÈ il motore sviluppato da Mozilla, ed è usato da Firefox. Anche questo motore è open source, quindi possiamo trovare browser che lo condividono.
PrestoÈ il motore usato da musica lirica ed è proprietario, quindi lo vedremo solo come parte dei prodotti della sua società madre.
TridenteÈ il motore di Internet Explorer e al momento è disponibile solo in questo browser e nei prodotti Microsoft.
Queste informazioni sono molto importanti, perché non sono solo i browser desktop che utilizzano questi motori, ma anche i browser mobili, i client come i gestori di posta elettronica e persino alcune applicazioni. Se conosciamo il motore, possiamo guardare in modo più specifico per poter avere un approccio all'aspetto tecnico che li regola.
Vecchi browser
Finora abbiamo parlato delle opzioni dei browser più popolari sul mercato, tuttavia non abbiamo approfondito i dettagli delle loro versioni. Ogni volta che c'è un cambiamento di implementazione nello standard di CSS ogni browser viene solitamente aggiornato per incorporare la modifica o nuove funzionalità. Questo fa sì che le vecchie versioni siano relegate al passato e quindi il loro livello di compatibilità sia inferiore.
Quello che succede è che non tutti gli utenti sono in grado di aggiornare per molti motivi, mancanza di autorizzazioni, incompatibilità con applicazioni importanti sul proprio sistema, o anche per motivi di sicurezza dell'azienda in cui lavorano, che devono testare i nuovi browser con lo stesso sistemi.
Ciò significa che abbiamo siti Web molto moderni che potrebbero non funzionare nei vecchi browser, motivo per cui dobbiamo prendere questo aspetto con cautela durante la costruzione dei nostri siti.
Il caso più scomodo
Una sezione molto necessaria è quella di cui parlare Internet Explorer, e per non parlare solo delle cose brutte, poiché pensiamo che questa grande azienda americana abbia contribuito in modo spettacolare allo sviluppo dell'informatica e dell'informatica a livello globale e storico.
INGRANDIRE
Qui i più giovani potrebbero pensare perché hanno continuato a sviluppare per quei browser, e la risposta è semplice, nonostante tutto Internet Explorer è uno dei browser più utilizzati al mondo perché integrato in finestre per impostazione predefinita che è anche il sistema operativo più utilizzato.
Recentemente nel 2015 è stato annunciato che questo browser sarà interrotto, tuttavia il suo successore non è stato ancora completamente rivelato e quando sarà messo in funzione commercialmente potremo vedere se i vecchi problemi continueranno o meno.
CSS più che stili
Tutta questa conoscenza è necessaria, possiamo sapere molto sulle istruzioni CSS ma se non conosciamo lo sfondo, possiamo soffrire, dal fare un'implementazione con le migliori pratiche ai problemi con i client che non vedono le stesse cose che vediamo noi, tutto dall'uso di una particolare versione di un browser. Attualmente ci sono strutture che ci aiutano a superare tutte queste avversità, tuttavia quando abbiamo bisogno di qualcosa di molto specifico, generalmente abbiamo bisogno di eseguire quella funzionalità da zero ed è qui che abbiamo bisogno di conoscere le basi di CSS.
Alla fine di questo tutorial potremmo quindi vedere che CSS È molto più di un semplice linguaggio ed è molto più di stili, possiamo dire che è un componente fondamentale di base per le nostre pagine web e ha a che fare con molti aspetti, come tutto ciò che abbiamo visto su browser, motori e anche problemi di compatibilità.
