Overview

Hallo allerseits,in dem Kurs möchte ich euch CSS beibringen und das möglichst schnell.Dabei werden trotzdem tief in die Themen schauen, sodass ihr danach echtes Verständnis entwickelt.Jedes Thema hat den folgenden AufbauBeschreibungSyntaxBeispieleNützliche InformationenVerwendungsmöglichkeitenNach jedem Thema werdet ihr die folgenden Fragen beantworten könnenWas kann es Wie wird des definiert Wie wendet man es an Welche Informationen sind dazu noch wichtigWann verwendet man es Es werden die folgenden Themen behandeltCSS Setup in HTMLCSS ÜbersichtInline CSSFarbwert: Benannte Farbencolorbackground-colorInternes CSSElementselektorKommentareEinheit: pxpaddingmarginborder-styleborder-widthborder-colorborderborder-radiuswidth heightmin-widthmin-heightmax-widthmax-heightBox-Modellbox-sizingfont-stylefont-weightfont-sizeline-heightfont-familyfontEinheit: %Viewport Einheit: vwEinheit: vhEinheit: vminEinheit: vmaxEinheit: emEinheit: remHex-FarbenRGB-FarbenHSL-FarbenFarbtransparenzFarbwert: transparentFarbwert: currentColor Vererbung von EigenschaftenWert: inheritWert: initialWert: unsetWert: allExternes CSSCascading OrderimportantCSS SpezifitätKlassenselektorID-SelektorUniversalselektorAttributselektorGruppenselektorNachfahrenselektorKindselektorDirekte GeschwisterselektorenAllgemeine GeschwisterselektorenKombinierte Selektorendisplay (1): Basistop, right, bottom, leftpositionz-indexvisibilityopacityfloatcleardisplay (2): flexgap, column-gap, row-gaporderflex-wrapflex-directionflex-flowflex-growflex-shrinkflex-basisflexdisplay (3): gridgrid-template-columnsgrid-template-rowsgrid-column-startgrid-column-endgrid-columngrid-row-startgrid-row-endgrid-rowgrid-auto-columnsgrid-auto-rowsgrid-auto-flowgrid-template-areas, grid-areajustify-contentalign-contentjustify-itemsalign-itemsjustify-selfalign-selfplace-contentplace-itemsplace-selfoutline-styleoutline-coloroutline-widthoutlineoutline-offsettext-shadowbox-shadowtext-decoration-linetext-decoration-colortext-decoration-styletext-decoration-thicknesstext-decorationtext-aligntext-align-lastvertical-aligntext-indenttext-transformfont-variantFallback FontsGoogle Fonts@font-faceoverflow, overflow-x, overflow-yresizecursoruser-selectappearancefilterbackdrop-filteroverflow-wrapwhite-spacetext-overflowword-breakletter-spacingword-spacinglist-style-typelist-style-positionlist-style-imagelist-styleborder-collapseborder-spacingtable-layoutroot, varcalcmin, maxattrafterbeforecontentfirst-letterfirst-linemarkerselectionclearfixhoverfocusfocus-withinactivefirst-child, last-childnth-child(n), nth-last-child(n)first-of-type, last-of-typenth-of-type(n), nth-last-of-type(n)emptyonly-childonly-of-typerequired, optionaldisabled, enabledinvalid, validcheckedread-only, read-writein-range, out-of-rangevisited, linknot(selector)lang(language)targetbackground-imagebackground-positionbackground-sizebackground-repeatbackgroundbackground-attachmentbackground-originbackground-clipobject-fitobject-positionaspect-ratiolinear-gradientrepeating-linear-gradientradial-gradientrepeating-radial-gradientconic-gradientrepeating-conic-gradienttranslate, translateX, translateYscale, scaleX, scaleYrotate, rotateX, rotateY, rotateZskew, skewX, skewYtransformtransition-delaytransition-durationtransition-propertytransition-timing-functiontransitionanimation-nameanimation-durationanimation-delayanimation-iteration-countanimation-directionanimation-timing-functionanimation-fill-modeanimation-play-stateanimation@keyframescolumn-countcolumn-widthcolumnscolumn-gapcolumn-spancolumn-rule-stylecolumn-rule-widthcolumn-rule-colorcolumn-ruledirectionwriting-modetext-orientation@import@mediaEs gibt eine Lektion mit einer Übersicht zu allen Themen im Schnelldurchlauf. Diese könnt ihr euch anschauen, um einen Einblick in den Kurs zu bekommen. Vielen Dank für die Aufmerksamkeit. GrußMarek

Skills

Reviews