DevTuts

CSS 1 🎨 HowTo CSS IntroCSS 1 💻 IntroductionGit 1a 🧩 Git Fundamentals Understanding Version ControlGit 1b 🧩 Installing GitGit 1c 🧩 Initial Git ConfigurationGit 1d 🧩 The Git Workflow Local Repository 🧩HTML 1 🏛️ How to Create an HTML Document IntroductionHTML 1 💻 HTML IntroductionHTML 1 💻 IntroductionJavaScript 1 🧬 How to JavaScript Platforms and VersionsJavaScript 1 🧬 JavaScript IntroductionCSS 2 🎨 HowTo Ways to Include CSSCSS 2 💻 selectors and commentsGit 2a🧩 Introduction to Remote RepositoriesGit 2b 🧩 Connecting Local to RemoteHTML 2 🏛️ HowTo HTML Document StructureHTML 2 💻 ElementsHTML 2a 💻 Document StructureHTML 2b 💻 HTML Text and HeadingsHTML 2c 💻 HTML ListsJavaScript 2 🧬 How to add JavaScriptJavaScript 2 🧬 How to add JavaScriptCSS 3 🎨 HowTo Basic SelectorsCSS 3 💻 unitsGit 3a 🧩 Understanding BranchesGit 3b 🧩 Basic Branch CommandsGit 3c 🧩 Resolving Merge ConflictsHTML 3 🏛️ How To Guides for HeadingsHTML 3 💻 HeadingsHTML 3a 💻 ImagesHTML 3b 💻 VideoJavaScript 3 🧬 CommentsJavaScript 3 🧬 How To JavaScript CommentsCSS 4 🎨 How To Cascade, Specificity, and InheritanceCSS 4 💻 colors and color propertiesGit 4a 🧩 RebasingGit 4b 🧩 Stashing ChangesGit 4c 🧩 Cherry PickingGit 4d 🧩 Tagging ReleasesGit 4e 🧩 Ignoring FilesGit 4f 🧩 Forking and Pull RequestsHTML 4 🏛️ HTML How to ParagraphsHTML 4 💻 Paragraph, Preformatted text and Line BreakJavaScript 4 🧬 How to Variable declarationJavaScript 4 🧬 VariablesCSS 5 🎨 How To Text StylingCSS 5 💻 background related propertiesGit 5 🧩 Git Best Practices 🧩 TroubleshootingHTML 5 💻 b, strong, i, em, mark elementsHTML 5 🏛️ How to Hyperlinks aJavaScript 5 🧬 How to Data TypesJavascript 5 🧬 variable hoisting and var vs letCSS 6 🎨 How To CSS BackgroundCSS 6 💻 fonts and font propertiesGit 6 🧩 Beyond the Command LineHTML 6 🏛️ How to ListsHTML 6 💻 del, ins, sub, sup elementsJavaScript 6 🧬 escape characters and template literalsJavaScript 6 🧬 How to Variable ScopeCSS 7 🎨 How To BordersCSS 7 💻 line height and text decorationGit 7 🧩 Git CheatsheetHTML 7 🏛️ How to Images (img)HTML 7 💻 blockquote, q, abbr, address, cite, dbo elementsJavaScript 7 🧬 Automatic type conversion and typeof operatorJavaScript 7 🧬 How to variable hoisting and var vs letCSS 8 🎨 How To Box ModelCSS 8 💻 text-align, letter-spacing, word-spacing and text-transformGit 8 🧩 Git Test Q&AsHTML 8 🏛️ How to Video (video)HTML 8 💻 Comments and anchor element in HTMLJavaScript 8 🧬 How to escape characters and template literalsJavaScript 8 🧬 objectsCSS 9 💻 text indent, vertical align, text align last, direction propertiesGit 9 🧩 full 🧩 2 hoursHTML 9 🏛️ How to Audio audioHTML 9 💻 img, map and area elements in HTMLJavaScript 9 🧬 Explicit Type ConversionCSS 10 💻 white space, text emphasis and text shadow propertiesHTML 10 🏛️ How to form The container for all form elementsHTML 10 💻 picture, source element and faviconJavaScript 10 🧬 FunctionsCSS 11 💻 line break and word break propertiesHTML 11 🏛️ How to input element for text, passwords, and moreHTML 11 💻 tablesJavaScript 11 🧬 Control flow and Conditional executionCSS 12 💻 text combine upright, text underline offset, text underline position and text overflow proHTML 12 🏛️ How to label provide a descriptive label for a form controlHTML 12 💻 unordered, ordered lists, list items and description listJavaScript 12 🧬 switch statementCSS 13 💻 image orientation, image rendering, object fit and object position propertiesHTML 13 💻 Inline and block level elementsJavaScript 13 🧬 loops part 1CSS 14 💻 box modelHTML 14 🏛️ How to HTML nav Semantic elementHTML 14 💻 div elementJavaScript 14 🧬 loops part 2CSS 15 💻 position propertyHTML 15 🏛️ How to HTML main semantic elementHTML 15 💻 iframe elementJavaScript 15 🧬 Arrow functionsCSS 16 💻 display propertyHTML 16 💻 head elementJavaScript 16 🧬 Call stackCSS 💻 17 - margin, padding and border propertiesHTML 17 💻 Layout elementsJavaScript 17 🧬 closureCSS 18 💻 Grid Layout IntroductionHTML 18 💻 code, var, kbd, samp and pre elementsJavaScript 18 🧬 what is recursionCSS 19 💻 grid-template-areas, grid-area and grid-templateHTML 19 💻 Entities, Symbols and Emojis in HTMLJavascript 19 🧬 pure functionsCSS 20 💻 grid-auto-columns, grid-auto-rows and grid-auto-flow propertiesHTML 20 💻 Forms IntroductionJavaScript 20 🧬 ArraysCSS 21 💻 grid-row-start, grid-column-start, grid-row-end and grid-column-end propertiesHTML 21 💻 input and textarea elementsJavaScript 21 🧬 MutabilityCSS 22 💻 grid-row, grid-column propertiesHTML 22 💻 select, option, optgroup, legend,fieldset, output elementsJavaScript 22 🧬 string methodsCSS 23 💻 row-gap, column-gap and gap propertiesHTML 23 💻 video, audio and source elementsJavaScript 23 🧬 rest parametersCSS 24 💻 flexbox layout introductionHTML 24 💻 embed and object elementsJavaScript 24 🧬 DestructuringCSS 25 💻 flex-direction and flex-wrap propertiesHTML 25 💻 svg, circle, polygon and rectJavaScript 25 🧬 Math ObjectCSS 26 💻 flex-grow, flex-shrink propertiesHTML 26 💻 ellipse, line, path and polylineJavaScript 26 🧬 JSONCSS 27 💻 flex-basis, flex and flex-flow propertiesHTML 27 💻 canvas elementJavaScript 27 🧬 Higher-order functionsCSS 28 💻 justify-content and align-items propertiesHTML 28 💻 Mathematical Markup LanguageJavaScript 28 🧬 EncapsulationCSS 29 💻 align-content and align-self propertiesHTML 29 💻 microdataJavaScript 29 🧬 PrototypeCSS 30 💻 media queries introductionHTML 30 💻 CheatsheetJavaScript 30 🧬 ClassesCSS 31 💻 any-hover and any-pointer media featuresHTML 31 💻 1-29 Full 💻JavaScript 31 🧬 Class notationCSS 32 💻 aspect-ratio and color media featuresJavaScript 32 🧬 Class getters and settersCSS 33 💻 color gamut, color index media featuresJavaScript 33 🧬 Class InheritanceCSS 34 💻 display-mode and dynamic-range media featuresJavaScript 34 🧬 Class Method OverrideCSS 35 💻 forced-colors and grid media featuresJavaScript 35 🧬 PolymorphismCSS 36 💻 height and width media featuresJavaScript 36 🧬 Iterator InterfaceCSS 37 💻 hover and inverted colors media featuresCSS 38 💻 monochrome and orientation media featuresCSS 39 💻 overflow-block and overflow-inline media featuresCSS 40 💻 pointer and resolution media featuresCSS 41 💻 prefers-color scheme and prefers-contrast media featuresCSS 42 💻 prefers-reduced-data and prefers- reduced-motion media featuresCSS 43 💻 prefers-reduced-transparency and scan media featuresCSS 44 💻 scripting, update and video-dynamic-range media featuresCSS 45 💻 transform property introductionCSS 46 💻 transform matrix and matrix3dCSS 47 💻 transform perspective, rotate and rotate3dCSS 48 💻 transform rotateX, rotateY and rotateZCSS 49 💻 transform scale and scale3dCSS 50 💻 transform scaleX, scaleY and scaleZCSS 51 💻 transform skew, skewX, skewYCSS 52 💻 transform translate and translate3dCSS 53 💻 transitionsCSS 54 💻 transition-behavior, delay, duration and propertyCSS 55 💻 animation propertyCSS 56 💻 animation properties part 1CSS 57 💻 animation properties part 2CSS 58 💻 CheatsheetCSS 59 💻 1 - 58 Full
  • |

    CSS 58 💻 Cheatsheet

    Bykronos

    1. Selectors Basic Selectors Selector Syntax Description Element p { } Targets all elements by tag name Class .highlight { } Targets elements with a specific class ID #main-title { } Targets one unique element Universal * { } Targets all elements Attribute [type=”text”] { } Targets elements with a specific attribute Attribute Selectors Syntax…

  • |

    CSS 59 💻 1 – 58 Full

    Bykronos

    1. Introduction to CSS CSS (Cascading Style Sheets) is the language used to control the visual presentation of HTML documents. It allows you to style everything from colors and fonts to layouts and animations. What is CSS? CSS specifies how HTML elements should be displayed on screen, paper, or in other media. It separates content…