{"id":856,"date":"2024-05-06T11:02:11","date_gmt":"2024-05-06T09:02:11","guid":{"rendered":"https:\/\/programmier-workshops.de\/blog\/?p=856"},"modified":"2024-05-12T10:03:23","modified_gmt":"2024-05-12T08:03:23","slug":"lesson-understanding-css","status":"publish","type":"post","link":"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/","title":{"rendered":"Lesson: Understanding CSS"},"content":{"rendered":"\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#Introduction_to_CSS\" >Introduction to CSS<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#What_Is_CSS\" >What Is CSS?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#How_Does_CSS_Work\" >How Does CSS Work?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#Key_CSS_Concepts\" >Key CSS Concepts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#Understanding_Basic_CSS_Elements_Class_ID_Attributes_and_Element_Selectors\" >Understanding Basic CSS Elements: Class, ID, Attributes, and Element Selectors<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#Element_Selectors\" >Element Selectors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#Class_Selectors\" >Class Selectors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#ID_Selectors\" >ID Selectors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#Attribute_Selectors\" >Attribute Selectors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#Summary\" >Summary<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#Fundamental_CSS_Properties\" >Fundamental CSS Properties<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#Styling_Text\" >Styling Text<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#Font_and_Typography\" >Font and Typography<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#Visual_Effects\" >Visual Effects<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#Advanced_Properties\" >Advanced Properties<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#Layout_Properties\" >Layout Properties:<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#Flexbox_A_powerful_layout_tool_for_aligning_and_distributing_space_among_items_in_a_container\" >Flexbox: A powerful layout tool for aligning and distributing space among items in a container.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/programmier-workshops.de\/blog\/lesson-understanding-css\/#Grid_Provides_a_method_for_defining_complex_layouts_in_a_two-dimensional_space\" >Grid: Provides a method for defining complex layouts in a two-dimensional space.<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Introduction_to_CSS\"><\/span>Introduction to CSS<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>CSS, or Cascading Style Sheets, is a cornerstone technology of the web, alongside HTML and JavaScript. CSS enhances the visual presentation of web pages by defining the style and layout of HTML elements. Whether you want to set fonts, adjust colors, manage layouts, or introduce animations, CSS is your tool of choice.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_Is_CSS\"><\/span>What Is CSS?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>CSS allows you to control the presentation of HTML content. It separates the content (HTML) from its presentation (styling). With CSS, you can control the look of multiple pages by changing a single style sheet, making it an efficient and powerful way to manage large websites.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_Does_CSS_Work\"><\/span>How Does CSS Work?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>CSS works by associating style rules with HTML elements. These rules dictate how the content should be displayed. A CSS rule consists of a selector and a declaration block:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">selector {\n    property: value;\n}<\/pre>\n\n\n\n<p>For example:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">bluetext {\n    color: blue;\n    font-size: 14px;\n}<\/pre>\n\n\n\n<p>This CSS rule changes the text color and font size of all <code>&lt;p&gt;<\/code> elements.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Key_CSS_Concepts\"><\/span>Key CSS Concepts<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Selectors:<\/strong> Identify the HTML elements you want to style. They can range from simple element names to more complex patterns for selecting deep or specific elements.<\/li>\n\n\n\n<li><strong>Properties:<\/strong> The aspects of the elements you want to style, such as <code>color<\/code>, <code>border<\/code>, or <code>background<\/code>.<\/li>\n\n\n\n<li><strong>Values:<\/strong> Assign specific aesthetics to properties, like <code>red<\/code>, <code>5px<\/code>, or <code>bold<\/code>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Understanding_Basic_CSS_Elements_Class_ID_Attributes_and_Element_Selectors\"><\/span>Understanding Basic CSS Elements: Class, ID, Attributes, and Element Selectors<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>CSS (Cascading Style Sheets) is integral to web development, allowing developers to create visually engaging and functionally rich websites. A key aspect of mastering CSS involves understanding various selector types\u2014class, ID, attribute selectors, and element selectors. Each plays a critical role in applying styles to HTML documents effectively. Let&#8217;s explore these basic elements to gain a clearer understanding of how CSS works.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Element_Selectors\"><\/span>Element Selectors<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Element selectors, also known as type selectors, target HTML elements directly. They apply styles to all elements of a specific type within the HTML document. For instance, if you want all paragraph elements to have a font size of 16 pixels, you would use an element selector.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">p {\n    font-size: 16px;\n    color: navy;\n}<\/pre>\n\n\n\n<p>This CSS rule applies to all <code>&lt;p&gt;<\/code> tags in the document, making the text color navy and the font size 16 pixels.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Class_Selectors\"><\/span>Class Selectors<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Class selectors are perhaps the most common and versatile type of CSS selector. They target HTML elements that have a specific class attribute. Class selectors are marked with a period (.) followed by the class name. You can apply the same class to multiple elements and use the same class multiple times on the same page, making them ideal for reusable styles.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">.alert {\n    color: red;\n    font-weight: bold;\n}<\/pre>\n\n\n\n<p>Any HTML element with the class &#8222;alert&#8220; will have bold, red text. This is useful for items like warning messages.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;p class=\"alert\">\n    Warning! This action will delete your data.\n&lt;\/p><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"ID_Selectors\"><\/span>ID Selectors<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>ID selectors are unique identifiers for elements. They are used when you want to style a specific element uniquely. An ID selector is indicated by a hash symbol (#) followed by the ID value. Each ID should be unique within a page.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">#header {\n    background-color: gray;\n    text-align: center;\n}<\/pre>\n\n\n\n<p>This rule will apply to the element with an ID of &#8222;header,&#8220; giving it a gray background and centering its text.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;div id=\"header\">Welcome to My Site&lt;\/div><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Attribute_Selectors\"><\/span>Attribute Selectors<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Attribute selectors target HTML elements based on their attributes or attribute values. This can be particularly useful for applying styles to elements based on attributes other than class or ID.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">input[type=\"text\"] {\n    background-color: lightblue;\n}<\/pre>\n\n\n\n<p>This selector targets all input elements specifically of the type &#8222;text,&#8220; giving them a light blue background.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;input type=\"text\" name=\"username\"><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Summary\"><\/span>Summary<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Understanding these CSS elements\u2014class, ID, attribute, and element selectors\u2014is fundamental for effectively styling web pages. Each type of selector has its own best use case:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Element selectors<\/strong> are great for broad, universal styles.<\/li>\n\n\n\n<li><strong>Class selectors<\/strong> offer flexibility and reusability for sets of styles.<\/li>\n\n\n\n<li><strong>ID selectors<\/strong> provide unique styling for specific elements.<\/li>\n\n\n\n<li><strong>Attribute selectors<\/strong> give additional styling power based on the characteristics of elements.<\/li>\n\n\n\n<li><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Fundamental_CSS_Properties\"><\/span>Fundamental CSS Properties<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Styling_Text\"><\/span><strong>Styling Text<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Font_and_Typography\"><\/span><strong>Font and Typography<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">body {\n   font-family: 'Arial', sans-serif;\n   font-size: 16px;\n   line-height: 1.6;\n}<\/pre>\n\n\n\n<p><strong>Text Color and Decoration:<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">h1 {\n   color: navy;\n   text-decoration: underline;\n}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Visual_Effects\"><\/span><strong>Visual Effects<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Box Model:<\/strong> Consists of margins, borders, padding, and the content itself.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">div {\n   margin: 20px; \n   border: 1px solid black;\n   padding: 10px;\n}<\/pre>\n\n\n\n<p><strong>Backgrounds and Colors<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">body {\n   background-color: #f4f4f4;\n   background-image: url('background.jpg');\n}<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Advanced_Properties\"><\/span>Advanced Properties<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Layout_Properties\"><\/span><strong>Layout Properties:<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Flexbox_A_powerful_layout_tool_for_aligning_and_distributing_space_among_items_in_a_container\"><\/span><strong>Flexbox: A powerful layout tool for aligning and distributing space among items in a container.<\/strong>  <span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">.container {\n   display: flex; \n   justify-content: center; \/* Aligns items to the center *\/\n}<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Grid_Provides_a_method_for_defining_complex_layouts_in_a_two-dimensional_space\"><\/span><strong>Grid: Provides a method for defining complex layouts in a two-dimensional space.<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"false\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">.grid-container {\n   display: grid;\n   grid-template-columns: auto auto;\n}<\/pre>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction to CSS CSS, or Cascading Style Sheets, is a cornerstone technology of the web, alongside HTML and JavaScript. CSS enhances the visual presentation of web pages by defining the style and layout of HTML elements. Whether you want to set fonts, adjust colors, manage&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34,9,3,33],"tags":[],"class_list":["post-856","post","type-post","status-publish","format-standard","hentry","category-coding4beginner","category-css","category-kurs","category-kurs-lesson"],"_links":{"self":[{"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/posts\/856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/comments?post=856"}],"version-history":[{"count":10,"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/posts\/856\/revisions"}],"predecessor-version":[{"id":869,"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/posts\/856\/revisions\/869"}],"wp:attachment":[{"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/media?parent=856"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/categories?post=856"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/tags?post=856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}