Cascading Style Sheets , bekend als " CSS , " is een Web design taal die wordt gebruikt om het uiterlijk te controleren en het gevoel van webpagina's . CSS- bestanden worden gescheiden van de webpagina's tijdens het ontwerpproces waardoor ze zeer flexibel gemaakt . Zodra een webpagina is opgezet , een ontwerper verandert eenvoudig de CSS-bestanden zonder het aanraken van de belangrijkste HML code . Sinds de officiële lancering van de eerste CSS -specificatie , heeft deze opmaaktaal talrijke wijzigingen en veranderingen ondergaan . CSS3 komt nu met veel meer functies en ondersteunt een rijke interface en extra functionaliteit. Modules
Modules
zijn een nieuw concept in CSS3 die het mogelijk maken de CSS -specificatie om af te splitsen in groepen van functies . Deze architectuur heeft ertoe geleid dat CSS3 kan beginnen te rollen met zeer weinig nieuwe features en als het rijpt , worden meer functies toegevoegd zoals modules , vergelijkbaar met de agile development methode gebruikt in de ontwikkeling van software . Dit iteratieve en incrementele ontwikkeling heeft ertoe geleid dat CSS3 is flexibeler in vergelijking met zijn voorgangers .
Meerdere Achtergronden
Met CSS , het hebben van meerdere achtergronden zouden hebben vereist het gebruik van een aantal HTML tags en div-tags om ze te maken op een webpagina . Met CSS3 , de nieuwe en verbeterde " background-image " eigenschap maakt het liegen van de afbeelding lay-outs bovenop elkaar door te verklaren zoals in de voorbeeldcode : Achtergrond - afbeelding
: URL ( Pic1.jpg ) , URL ( pic2.jpg , URL ( pic3.jpg ) ;
tekst Shadowing
Speciale effecten in CSS
vereist dat de tekst eerst worden gesmolten in image - editing software en vervolgens gekoppeld aan een webpagina met behulp van de " ![]() " tag . de "text shadow ' eigenschap in CSS3 maakt het nu tekst functies, zoals een wazig tekst schaduweffect te worden toegevoegd met behulp van een tag . deze code laat zien hoe dit is gedaan : Text - shadow
: 1px 4px 6px # 33333 ;
de derde prijs , " 6px , " regelt de blur effect , terwijl de eerste twee waarden beheersen de schaduw daling richting
.
dekking
p Met CSS , moest je verschillende hacks gebruiken om de dekking effect met CSS3 nieuwe ondoorzichtigheid functie , wordt dit nu gebeurt in een stap , zoals aangegeven door de code . :
# my_id { Achtergrond
: # F11 ; Dekking
: 1 ;
}
Border Radius < br > Ontwikkelaars
gebruik maken van een paar regels code hoeken te hebben afgerond zonder de noodzaak om de oudere CSS methode voor het importeren van nieuwe bibliotheken en het maken van afbeeldingen voor elke hoek gebruiken Deze code laat zien hoe het wordt gedaan in CSS3 : . < br > # id { Hoogte
: 50px ; Breedte
: 50px Grens
: 2px solid # F00 ;
}
< br >
|
