CSS3 Teppo Räisänen
Yleistä CSS = Cascading Style SheetsCascading Style Sheets CSS CSS CSS 3 Kehittely alkoi 2005 Koostuu erilaisista suosituksista
Yleistä CSS 3 Perusidea ei eroa aikaisemmista CSS- versioista Mukana on kuitenkin paljon uusia ominaisuuksia
Yleistä Suurin ongelma on, että eri selaimet tukevat CSS 3:ea eri tavoin Selaimen ytimenä on moottori, joka tulkitsee HTML:n ja rakentaa sivun kuvan sen perusteella Eri selaimissa eri ytimet, jotka tulkitsevat CSS 3:ea hivenen eri tavoin
Yleistä Mozilla Gecko Firefox Webkit Google Chrome, Safari Presto Opera Trident Microsoft Internet Explorer
Yleistä Keskeisiä elementtejä Background Border Font Box-model Columt Text
Yleistä Muita elementtejä Transitions (3D/2D) Speech Animations Pseudo-class Angles Selectors
Box model
CSS3 Eri selaimilla on erilainen notaatio CSS3 elementeille CSS-tiedostossa CSS3-elementit merkitään yleensä kolme kertaa
CSS3 Webkit-selaimien ymmärtämä muoto Alkuun kirjoitetaan -webkit- Mozilla-selaimien ymmärtämä muoto Alkuun –moz- Geneerinen CSS3 (jota ei kyllä vielä tueta) Merkitään normaalisti
CSS3 -webkit-box-shadow: 5px 5px 5px #888; -moz-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888; Tekee varjon, joka on 5 pikseliä elementin oikealla ja alla. Varjon häivytys 5 pikselin leveydeltä Väriltä harmaa (888)
CSS3