Css3

[Iris17]

hoi,

vandaag ben ik enthousiast gemaakt over CSS3 (om onder andere schaduwen op je site te maken). Ik ben al een tijdje aan het zoeken, maar kan niet echt het juiste antwoord vinden. Wie helpt me?
- wat zijn de voordelen van CSS3?
- wat zijn de nadelen van CSS3?
- wat moet ik doen om er mee te gaan werken (in DW5)
- raden jullie aan om er mee te gaan werken?

Hoor graag!

groetjes,

Iris

 

[gast0195]

CSS3 is de opvolger van de "normale CSS". Het is eigenlijk een "uitbreiding" van de huidige standaard waarbij je nieuwe functies hebt.

Als voorbeeld bijv:

div
{
transform:rotate(30deg);
}

Hiermee kun je een DIV een aantal graden draaien. Dit is echter maar 1 van de vele wijzigingen.

Het grote voordeel is dat je makkelijker bepaalde opmaak kan verzorgen.
Een nadeel is dat css3 (en HTML5) nog niet door alle browsers ondersteund wordt.
Zo moet je om het in Internet Explorer goed te draaien een html5 Javascript inladen en je "componenten" speciaal definieren.

Als je het interessant vindt kun je eens kijken op de volgende site;

http://net.tutsplus.com/tutorials/h...and-css-3-the-techniques-youll-soon-be-using/

Dit geeft een interessant beeld over HTML5 en CSS3. Je zou als voorbeeld de tutorial kunnen volgen en de website namaken.

Helemaal onderaan de tutorial wordt de "Shadow" toegevoegd aan een box.

Dit kan ook met tekst. Je kunt dan bijvoorbeeld de volgende code gebruiken in je stylesheet (CSS)
text-shadow: 1px 1px 1px #000; //Dit geeft 1px shadow met de kleur zwart (#000)

Edit: toevoeging

 

[csshunter]

Hoi Iris17,
En ook interessant bv.:

• www.css3.info/preview
• www.w3schools.com/w3c/w3c_css.asp (verwijzingen naar de officiële specificaties)
• www.w3schools.com/cssref/default.asp (ook css3-eigenschappen)