Cascading Style Sheets , bekannt als " CSS ", ist ein Web- Design-Sprache , die verwendet werden , um das Aussehen und das Gefühl von Kontrolle Webseiten ist . CSS -Dateien werden getrennt von den Webseiten, die während des Design-Prozesses macht sie sehr flexibel. Sobald eine Webseite eingerichtet wurde , ein Designer ändert einfach die CSS-Dateien , ohne den wichtigsten HML Code. Seit dem offiziellen Start des ersten CSS-Spezifikation hat dieser Auszeichnungssprache zahlreiche Modifikationen und Veränderungen erfahren. CSS3 kommt jetzt mit viel mehr Funktionen und unterstützt eine reiche Schnittstelle und zusätzliche Funktionen . Module
Module sind ein neues Konzept in CSS3 , die die CSS-Spezifikation nach unten in Gruppen von Funktionen aufgeteilt werden können. Diese Architektur hat dazu geführt, dass CSS3 kann rollen mit sehr wenigen neuen Funktionen und wie es reift , mehr Funktionen als Module , ähnlich wie die agile Entwicklungsmethode in Software-Entwicklung verwendet worden. Dieser iterative und inkrementelle Entwicklung hat dazu geführt, dass CSS3 flexibler ist im Vergleich zu seinem Vorgänger.
Mehrere Hintergründe
Mit CSS mit mehreren Hintergründen erforderlich wäre, mit einer Reihe von haben HTML -Tags und div-Tags , um sie auf einer Webseite zu machen. Mit CSS3 , ermöglicht die neue und verbesserte " background-image "-Eigenschaft des Bildes liegen die Layouts auf der jeweils anderen , indem er erklärt , wie im Beispielcode gezeigt :
Background -image: URL ( pic1.jpg ) URL ( pic2.jpg , URL ( pic3.jpg );
Text Shadowing
Spezialeffekte in CSS erforderlich, dass der Text zuerst in gerendert Bild - Software und dann auf eine Web -Seite mit dem "
" Tag verbunden. die "text shadow "-Eigenschaft in CSS3 ermöglicht nun Text-Funktionen wie einem unscharfen Text Schatten-Effekt hinzugefügt mit einem Tag werden. Dieser Code zeigt, wie dies getan :
Text -shadow : 1px 4px 6px # 33333 ;
Der dritte Wert , " 6px " steuert den Blur-Effekt , während die ersten beiden Werte den Schatten Fallrichtung steuern
.
Deckkraft
Mit CSS , brauchte man , um verschiedene Hacks verwenden, um den Effekt zu erzeugen Deckkraft Mit CSS3 neuen Opazität Feature , das jetzt in einem Schritt erfolgen , wie durch die Code dargestellt. :
# my_id {
Hintergrund: # F11 ;
Deckkraft : 1; }
Border Radius < br >
Entwickler verwenden ein paar Zeilen Code, um abgerundete Ecken , ohne die Notwendigkeit, die älteren CSS Methode zum Importieren von neuen Bibliotheken und Herstellung von Bildern für jede Ecke benutzen diesen Code zeigt, wie es in CSS3 ist getan : .
# id {
Höhe: 50px ;
Breite: 50px
Border : 2px solid # F00 ;
}