Allt du behöver veta om CSS3

Vad är det? Omdömen

CSS3 erbjuder ett stort utbud av nya sätt att skapa en effekt med din design, med en hel del viktiga förändringar. Omdömen

Moduler

Utvecklingen av CSS3 kommer att delas upp i "moduler". Den gamla specifikationen var helt enkelt för stora och komplexa uppdateras som en, så det har delats upp i mindre bitar - med nya också lagt.

Några av dessa moduler är:

The Box Model Omdömen

Listor Module Omdömen

Hyperlänk Presentation Omdömen

Speech Module Omdömen

Bakgrunder och Borders

Texteffekter Omdömen

Multi-Column Layout

Tidsplan Omdömen

Flera av modulerna har nu slutförts, inklusive SVG (Scalable Vector Graphics ), Media Frågor och namnområden. De övriga är fortfarande bearbetas

Det är otroligt svårt att ge en projicerad datum då webbläsare kommer att anta de nya funktionerna i CSS3 -..

Några nybyggnation av Safari har redan börjat

Nya funktioner kommer att genomföras successivt i olika webbläsare, och det kan fortfarande vara ett år eller två innan varje modul är stor spridning. Omdömen

Hur kommer CSS3 påverka mig? Omdömen

Förhoppningsvis i en huvudsakligen positiv sätt. CSS3 kommer naturligtvis att vara helt bakåtkompatibel, så det kommer inte att bli nödvändigt att ändra befintliga konstruktioner för att säkerställa att de fungerar -.

Webbläsare alltid kommer att fortsätta att stödja CSS2 Omdömen

Den viktigaste effekten kommer att vara förmågan att använda nya väljare och egenskaper som finns tillgängliga. Dessa gör att du kan både nå nya konstruktionsegenskaper (animering eller gradienter till exempel), och uppnå nuvarande designfunktioner på ett mycket enklare sätt (t.ex. med kolumner). Omdömen

Deklaration opacitet fastställs hur ogenomskinlig ett element är.

Ett opacitetsvärde 1 innebär att elementet är helt ogenomskinlig; ett opacitetsvärde av 0 innebär en del inte alls ogenomskinlig, det vill säga helt transparent

div {background-color: rgb (255,0,0);. opacitet: 1; }

Webkit, Gecko och Opera webbläsare allt stöd Opacitet. Omdömen

RGBA deklarationen kan du ställa in opacitet (via Alpha-kanalen) som en del av färgvärdet. Omdömen

div {background-color: RGBA (255,0,0,1); }

Detta stöds i Webkit och den första alfa i Firefox 3.

Omdömen

Den huvudsakliga skillnaden mellan de två förklaringar är följande:

Opacitet sätter opaciteten värde för ett element och alla dess barn

;

Page   <<       [1] [2] >>

Gratis eller till låg kostnader sätt att lära sig mandarin Chinese