|
Cascading Style Sheets , appelés « CSS », est un langage de conception Web qui est utilisée pour contrôler l'apparence et la sensation de pages Web. Les fichiers CSS sont créés séparément des pages Web au cours du processus de conception qui les rend très flexible. Une fois qu'une page Web a été mis en place , un concepteur modifie simplement les fichiers CSS sans toucher au code HML principale . Depuis le lancement officiel de la première spécification CSS, ce langage de balisage a subi de nombreuses modifications et changements . CSS3 vient maintenant avec beaucoup plus de fonctionnalités et supporte une interface riche et des fonctionnalités supplémentaires . Modules
modules sont un nouveau concept de CSS3 qui permettent à la spécification CSS soit divisée en groupes de fonctionnalités. Cette architecture a signifié que CSS3 peut commencer à rouler avec très peu de nouvelles fonctionnalités et à mesure qu'elle mûrit , plus de fonctionnalités sont ajoutées sous forme de modules , semblable à la méthode de développement agile utilisée dans le développement de logiciels . Ce développement itératif et incrémental a signifié que CSS3 est plus souple par rapport à ses prédécesseurs.
Horizons multiples
Avec CSS, avoir de multiples origines , il aurait fallu l'aide d'un certain nombre de les balises HTML et des balises div pour les rendre sur une page Web. Avec CSS3 , la propriété " background-image " nouvelle et améliorée permet le mensonge de mises en images les unes sur les autres en déclarant comme le montre l' exemple de code :
background-image : URL ( pic1.jpg ) , URL ( pic2.jpg , URL ( pic3.jpg ) ;
texte Observation
effets spéciaux en CSS nécessaires que le texte soit d'abord rendu en image logiciel de retouche , puis lié à une page Web en utilisant le tag " ![]() ». «l'ombre texte" propriété CSS3 permet désormais des fonctionnalités de texte comme un effet d'ombre de texte flou pour être ajoutés à l'aide d'une étiquette . ce code montre comment cela est fait:
text-shadow : 1px 6px 4px # 33333 ;
la troisième valeur , " 6px , " contrôle l'effet de flou tandis que les deux premières valeurs de contrôler la direction de chute de l'ombre
.
opacité
Avec CSS, vous aviez besoin d'utiliser divers hacks pour produire l'effet opacité Avec CSS3 nouvelle fonctionnalité d'opacité , c'est désormais chose faite en une seule étape , comme indiqué par le code. : Photos # { my_id
fond: # F11 ;
Opacité: 1;
}
Rayon frontaliers < br > photos développeurs utilisent quelques lignes de code pour avoir des coins arrondis sans la nécessité d'utiliser la méthode CSS plus d'importer de nouvelles bibliothèques et de faire des images pour chaque coin Ce code montre comment cela est fait dans CSS3 : . < br > # id {
Taille: 50px ;
Largeur: 50px
frontière: 2px solid # F00 ;
}
|
