CSS: differenze tra le versioni

Versione delle 18:46, 21 feb 2025

Versione attuale delle 14:15, 22 giu 2025

(2 versioni intermedie di 2 utenti non mostrate)

Riga 59:

A partire da [[Internet Explorer|Internet Explorer 5]], [[Mozilla Firefox|Firefox]] e [[Opera (browser)|Opera 7]], i CSS 2 hanno potuto avvalersi di browser in grado di interpretarli e sono quindi entrati a far parte del codice di molti siti web.

Si cominciò a creare i primi tipi di layout senza tabelle (solitamente a uno, due o tre colonne)<ref>{{Cita web|url=https://www.html.it/pag/14259/i-pi-comuni-layout-table-less/|titolo=I più comuni layout table-less|autore=Alessandro Fulciniti|sito=HTML.it|lingua=it-IT|accesso=2021-02-02}}</ref><ref>{{Cita web|url=https://www.smashingmagazine.com/2009/06/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/|titolo=Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?|sito=Smashing Magazine|data=2009-06-02|lingua=en|accesso=2021-02-02}}</ref>:

* layout fisso: aveva una dimensione standard su tutti i dispositivi.

Riga 73:

* 2012-06-19: [https://www.w3.org/TR/css3-mediaqueries/ Media Queries]

* 2013-11-07: [https://www.w3.org/TR/css-style-attr/ CSS Style Attributes]

[[HTML]] eI CSS3 costituisconopresentano nuove possibilità e unproprietà linguaggiorispetto [[turinga completo]]CSS2<ref>{{Cita web|autore = |url = https://githubwww.comhtml.it/elitheeliguide/stupidguida-machinescss3/|titolo =CSS3: Stupidguida Machines - rule 110completa|accesso sito= HTML.it|editore lingua= it|data accesso= 2021-01-27}}</ref><ref>{{Cita web|autore = |url = httphttps://eliwww.fox-epstew3schools.incom/rule110-full.html|titolo =W3Schools RuleOnline 110Web OnLine DemonstrationTutorials|accesso = |editore = |data = 2021-01-28}}</ref>,. condizioneLe sufficientepiù perimportanti un linguaggio per essere considerato un [[linguaggio di programmazione]].sono:

I CSS3 presentano nuove possibilità e proprietà rispetto a CSS2<ref>{{Cita web|url=https://www.html.it/guide/guida-css3/|titolo=CSS3: guida completa|sito=HTML.it|lingua=it-IT|accesso=2021-01-27}}</ref><ref>{{Cita web|url=https://www.w3schools.com/|titolo=W3Schools Online Web Tutorials|accesso=2021-01-28}}</ref>. Le più importanti sono:

* la possibilità di utilizzare codice CSS al posto delle immagini (jpg, png...) per creare trasparenze, bordi arrotondati e ombreggiature

Riga 808 ⟶ 806:

==== Creazione automatica dei CSS ====

Con programmi di grafica e fotoritocco come [[Adobe Photoshop|Photoshop]] è possibile convertire i livelli in stili CSS<ref>{{Cita web|url=https://squareinternet.co/exporting-css-from-photoshop-when-building-from-a-psd-file/|titolo=Exporting CSS From Photoshop When Building From A PSD File|sito=Square Internet|data=2019-08-11|lingua=en-GB|accesso=2021-01-28}}</ref>.

==== Utilizzo del 3D ====

I CSS3 hanno introdotto la proprietà "3D Transform" che consente di creare alcune animazioni e forme in 3D ma non possono equiparare le possibilità di [[WebGL]]<ref>{{Cita web|url=https://we-rad.com/browser-webgl-vs-css-3d-transforms/|titolo=Guida per il 3D nei browser – WebGL Contro CSS 3D Transforms|sito=WE RAD|data=2017-05-05|lingua=it-IT|accesso=2021-01-29}}</ref><ref>{{Cita web|url=https://onaircode.com/css-3d-transforms-example-with-code-snippets/|titolo=10+ CSS 3D Transforms Example With Code Snippets|autore=Pratik|sito=OnAirCode|data=2018-03-27|lingua=en|accesso=2021-01-29}}</ref>.

== Il supporto dei Browser ai CSS ==

Riga 932 ⟶ 930:

A differenza del CSS, che utilizza le parentesi graffe per aprire e chiudere i blocchi di dichiarazione, viene utilizzata l'indentazione. Inoltre, i punti e virgola (;) vengono facoltativamente omessi. Quindi, il seguente CSS:

<syntaxhighlight lang="css">

body {

color: white;

}

Riga 1 092 ⟶ 1 090:

* {{en}} [https://web.archive.org/web/20140831121826/http://www.mezzoblue.com/zengarden/alldesigns/ CSS Zen Garden] - Esempi.

* {{en}} [https://www.w3schools.com/css/default.asp Css w3schools] - Tutorial, Esempi, Reference su [[W3Schools]].

* {{en}} [https://cssoptimizer.online CSS Optimizer] {{Webarchive|url=https://web.archive.org/web/20201001040432/https://cssoptimizer.online/ |datedata=1 ottobre 2020 }} - Tool per ottimizzare e pulire il CSS inutilizzato.

*{{en}} [https://mdbootstrap.com CSS Framework] - Accelera il tuo sviluppo