https://www.wissensarchiv.org/ 2026-04-15T16:15:26+02:00 https://www.wissensarchiv.org/ https://www.wissensarchiv.org/ttps://www.wissensarchiv.org/lib/tpl/dokuwiki/images/favicon.ico text/html 2015-12-19T00:00:00+02:00 https://www.wissensarchiv.org/doku.php?id=css:attribute&rev=1450479600&do=diff CSS-Attribute Mit CSS-Attributen könnnen nicht nur Elemente, sodern sogar gezielt Elemente mit bestimmten Attributen beeinflusst werden. Aufbau: Selektor[Attribut=Wert] Beispiel: #Kontaktformular input[type='text'] { background: blue; } ---------- text/html 2020-04-20T22:55:45+02:00 https://www.wissensarchiv.org/doku.php?id=css:bootstrap&rev=1587416145&do=diff Bootstrap (Frontend-CSS-Framework) Bootstrap ist ein freies Frontend-CSS-Framework. Es enthält auf HTML und CSS basierende Gestaltungsvorlagen für Typografie, Formulare, Buttons, Tabellen, Grid-Systeme, Navigations- und andere Oberflächengestaltungselemente sowie zusätzliche, optionale JavaScript-Erweiterungen (Quelle von diesem Text: text/html 2017-08-31T00:00:00+02:00 https://www.wissensarchiv.org/doku.php?id=css:flexbox&rev=1504130400&do=diff Das CSS3-Modul "Flexbox" Nach und nach löst das CSS3-Modul „Flexbox“ das ehemalige Layouten mit „float“ ab. Und das hat gute Gründe, denn gerade im Hinblick auf responsives Webdesign wird die Flexibilität einer Webseite mit der Flexbox für die Ansicht von verschiedenen mobilen Endgeräten deutlich erhöht. text/html 2017-08-31T00:00:00+02:00 https://www.wissensarchiv.org/doku.php?id=css:important&rev=1504130400&do=diff Wertigkeit mit !important ändern Mit dem Schlüsselwort !important (das Ausrufezeichen ist hierbei zwingend anzugeben) kann die natürliche Wertigkeit der Style-Angaben beeinflusst werden. Eine mit !important gekennzeichnete Eigenschaft hat die höchste Priorität und überschreibt alle anderen, auch nachfolgend notierten, Regeln. text/html 2015-12-19T00:00:00+02:00 https://www.wissensarchiv.org/doku.php?id=css:media&rev=1450479600&do=diff Media Queries (geräteabhängige Stilvorgaben) Die Anforderungen an einen Webdesigner sind in den letzten Jahren aufgrund des raschen technischen Fortschritts deutlich gestiegen. Heutzutage reicht es nicht mehr, eine Webseite für die verschiedenen Browser, wie z. B. Safari, Google Chrome, Mozilla Firefox und Internet Explorer zu optimieren. text/html 2015-12-19T00:00:00+02:00 https://www.wissensarchiv.org/doku.php?id=css:rounded&rev=1450479600&do=diff Ecken von Elementen abrunden Diese CSS-Angaben sind für alle gängigen Browser geeignet: .rounded { -webkit-border-radius: 15px; /* Chrome */ -khtml-border-radius: 15px; /* Konqueror */ border-radius: 15px; /* CSS3 (Safari, IE, Firefox) */ } text/html 2015-12-19T00:00:00+02:00 https://www.wissensarchiv.org/doku.php?id=css:shadow&rev=1450479600&do=diff Schatten für Elemente Dieser CSS-Style ist für alle gängigen Browser geeignet: .shadow { -moz-box-shadow: 5px 5px 12px #000; -webkit-box-shadow: 5px 5px 12px #000; box-shadow: 5px 5px 12px #000; /* Safari */ .-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; .filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }