Onlinekurs: Webtechniken lernen 2: CSS-Grundlagen | LinkedIn Learning, früher Lynda.com

<!DOCTYPE html> <html lang="de"> <head> <meta name="pageKey" content="d_learning_course_guest">  <meta name="locale" content="de_DE"> <meta id="config" data-app-version="2.0.2408" data-call-tree-id="AAYuqEWKVa+U+PtNYD2R/w==" data-multiproduct-name="learning-guest-frontend" data-service-name="learning-guest-frontend" data-browser-id="e0f7ab99-673a-4ea7-8678-039fdee135bb" data-enable-page-view-heartbeat-tracking data-page-instance="urn:li:page:learning_course_guest;GxNHPRK8Qlu2OxpXCIKmUA==" data-disable-jsbeacon-pagekey-suffix="false" data-member-id="0" data-dna-member-lix-treatment="control" data-human-member-lix-treatment="control" data-dfp-member-lix-treatment="control" data-sync-apfc-headers-lix-treatment="control" data-sync-apfc-cb-lix-treatment="control"> <link rel="canonical" href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653">     <link rel="manifest" href="/homepage-guest/manifest.json" crossorigin="use-credentials">  <script> function getDfd() {let yFn,nFn;const p=new Promise(function(y, n){yFn=y;nFn=n;});p.resolve=yFn;p.reject=nFn;return p;} window.lazyloader = getDfd(); window.tracking = getDfd(); window.impressionTracking = getDfd(); window.ingraphTracking = getDfd(); window.appDetection = getDfd(); window.pemTracking = getDfd(); </script>  <link rel="icon" href="https://static.licdn.com/aero-v1/sc/h/444zstxv7s91nepfm5et6ofge"> <title>Onlinekurs: Webtechniken lernen 2: CSS-Grundlagen | LinkedIn Learning, früher Lynda.com</title> <meta name="robots" content="noarchive, max-image-preview:large"> <meta name="description" content="CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen."> <meta property="og:site_name" content="LinkedIn"> <meta name="twitter:site" content="@LI_Learning"> <meta name="twitter:card" content="summary"> <meta name="litmsProfileName" content="learning-guest-frontend"> <meta property="og:title" content="Onlinekurs: Webtechniken lernen 2: CSS-Grundlagen | LinkedIn Learning, früher Lynda.com"> <meta name="twitter:title" content="Onlinekurs: Webtechniken lernen 2: CSS-Grundlagen | LinkedIn Learning, früher Lynda.com"> <meta property="og:description" content="CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen."> <meta name="twitter:description" content="CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen."> <meta property="og:image" content="https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ"> <meta name="twitter:image" content="https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ">  <meta property="og:url" content="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653"> <meta property="og:type" content="website"> <meta name="clientSideIngraphs" content="1" data-gauge-metric-endpoint="/learning-guest/api/ingraphs/gauge" data-counter-metric-endpoint="/learning-guest/api/ingraphs/counter"> <link rel="stylesheet" href="https://static.licdn.com/aero-v1/sc/h/8ray0l2tvrquoe9futzu46d74"> <script type="application/ld+json"> {"@context":"http://schema.org/","@type":"Course","provider":{"@type":"Organization","name":"LinkedIn Learning","url":"https://www.linkedin.com/learning/"},"publisher":{"@type":"Organization","name":"LinkedIn Learning","url":"https://www.linkedin.com/learning/"},"hasCourseInstance":{"@type":"CourseInstance","courseMode":"online","courseWorkload":"PT4H5M40S","instructor":[{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"}]},"inLanguage":"de","name":"Webtechniken lernen 2: CSS-Grundlagen","offers":[{"@type":"Offer","category":"Subscription"},{"@type":"Offer","category":"Paid","price":"50.46","priceCurrency":"SGD"}],"description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","image":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","creator":[{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"}],"author":[{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"}],"dateCreated":"2022-05-09","datePublished":"2022-05-09","thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","timeRequired":"PT4H5M40S","totalHistoricalEnrollment":2185,"url":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653","about":[{"@type":"Thing","url":"https://www.linkedin.com/learning/topics/css-2","name":"Cascading Style Sheets (CSS)"}],"hasPart":[[{"@type":"VideoObject","name":"Webseiten gestalten mit CSS: Teil 2 der Schulungsreihe zu den wichtigsten Webtechnologien - Einleitung","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT1M11S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/webseiten-gestalten-mit-css-teil-2-der-schulungsreihe-zu-den-wichtigsten-webtechnologien"},{"@type":"VideoObject","name":"Was Sie erwartet und was Sie mitbringen sollten - Einleitung","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M23S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/was-sie-erwartet-und-was-sie-mitbringen-sollten"}],[{"@type":"VideoObject","name":"CSS steht für »Cascading Style Sheets« - 1. CSS kennenlernen: Syntax, Box-Modell, Farben und Einheiten","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M26S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/css-steht-fur-cascading-style-sheets"},{"@type":"VideoObject","name":"Jeder Browser hat ein eingebautes Stylesheet - 1. CSS kennenlernen: Syntax, Box-Modell, Farben und Einheiten","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M40S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/jeder-browser-hat-ein-eingebautes-stylesheet"},{"@type":"VideoObject","name":"Wichtige Vokabeln: der Aufbau einer CSS-Regel - 1. CSS kennenlernen: Syntax, Box-Modell, Farben und Einheiten","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M46S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/wichtige-vokabeln-der-aufbau-einer-css-regel"},{"@type":"VideoObject","name":"HTML und CSS miteinander verbinden - 1. CSS kennenlernen: Syntax, Box-Modell, Farben und Einheiten","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M37S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/html-und-css-miteinander-verbinden"},{"@type":"VideoObject","name":"Box-Modell kennenlernen: padding, border und margin - 1. CSS kennenlernen: Syntax, Box-Modell, Farben und Einheiten","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT5M1S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/box-modell-kennenlernen-padding-border-und-margin"},{"@type":"VideoObject","name":"Farbnamen und hexadezimale Farbangaben - 1. CSS kennenlernen: Syntax, Box-Modell, Farben und Einheiten","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT5M4S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/farbnamen-und-hexadezimale-farbangaben"},{"@type":"VideoObject","name":"Wichtige Einheiten: px, em, Prozent, rem & Co. - 1. CSS kennenlernen: Syntax, Box-Modell, Farben und Einheiten","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT5M4S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/wichtige-einheiten-px-em-prozent-rem-co"},{"@type":"VideoObject","name":"Wissen, wo es steht: CSS-Referenzen zum Nachschlagen - 1. CSS kennenlernen: Syntax, Box-Modell, Farben und Einheiten","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M29S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/wissen-wo-es-steht-css-referenzen-zum-nachschlagen"},{"@type":"VideoObject","name":"Challenge: Was ist ein CSS-Reset und benötigt man so etwas heute noch? - 1. CSS kennenlernen: Syntax, Box-Modell, Farben und Einheiten","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT59S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/challenge-was-ist-ein-css-reset-und-benotigt-man-so-etwas-heute-noch"},{"@type":"VideoObject","name":"Solution: CSS-Reset - 1. CSS kennenlernen: Syntax, Box-Modell, Farben und Einheiten","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M39S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/solution-css-reset"}],[{"@type":"VideoObject","name":"Elementselektoren, Selektoren gruppieren und das Sternchen * als Universalselektor - 2. Die wichtigsten Selektoren und Spezifität","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M1S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/elementselektoren-selektoren-gruppieren-und-das-sternchen-als-universalselektor"},{"@type":"VideoObject","name":"Klassen sind klasse: das Attribut class und der Selektor mit dem Punkt - 2. Die wichtigsten Selektoren und Spezifität","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M29S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/klassen-sind-klasse-das-attribut-class-und-der-selektor-mit-dem-punkt"},{"@type":"VideoObject","name":"IDs sind einmalig: das Attribut id und der Selektor mit der Raute - 2. Die wichtigsten Selektoren und Spezifität","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M8S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/ids-sind-einmalig-das-attribut-id-und-der-selektor-mit-der-raute"},{"@type":"VideoObject","name":"Nachfahrenelemente auswählen: der Selektor mit der Leerstelle - 2. Die wichtigsten Selektoren und Spezifität","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M20S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/nachfahrenelemente-auswahlen-der-selektor-mit-der-leerstelle"},{"@type":"VideoObject","name":"Selektoren zum Auswählen von Kindelementen - 2. Die wichtigsten Selektoren und Spezifität","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M33S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/selektoren-zum-auswahlen-von-kindelementen"},{"@type":"VideoObject","name":"Überblick: Attributselektoren haben eckige Klammern - 2. Die wichtigsten Selektoren und Spezifität","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT5M26S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/uberblick-attributselektoren-haben-eckige-klammern"},{"@type":"VideoObject","name":"Quellen zum Nachschlagen von weiteren Selektoren - 2. Die wichtigsten Selektoren und Spezifität","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT1M46S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/quellen-zum-nachschlagen-von-weiteren-selektoren"},{"@type":"VideoObject","name":"Spezifität: Einige Selektoren sind wichtiger als andere - 2. Die wichtigsten Selektoren und Spezifität","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M59S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/spezifitat-einige-selektoren-sind-wichtiger-als-andere"},{"@type":"VideoObject","name":"Challenge: Tabelle mit Zebrastreifen - 2. Die wichtigsten Selektoren und Spezifität","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT1M23S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/challenge-tabelle-mit-zebrastreifen"},{"@type":"VideoObject","name":"Solution: Zebrastreifen - 2. Die wichtigsten Selektoren und Spezifität","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT2M40S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/solution-zebrastreifen"}],[{"@type":"VideoObject","name":"Die Kaskade: !important, Spezifität und Reihenfolge im CSS - 3. Die Kaskade – das »C« in »CSS«","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M29S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/die-kaskade-important-spezifitat-und-reihenfolge-im-css"},{"@type":"VideoObject","name":"Intuitiv: Die Reihenfolge im CSS entscheidet - 3. Die Kaskade – das »C« in »CSS«","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT2M46S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/intuitiv-die-reihenfolge-im-css-entscheidet"},{"@type":"VideoObject","name":"Ungewohnt: Spezifität ist wichtiger als die Reihenfolge - 3. Die Kaskade – das »C« in »CSS«","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M18S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/ungewohnt-spezifitat-ist-wichtiger-als-die-reihenfolge"},{"@type":"VideoObject","name":"Wichtig: !important gewinnt fast immer - 3. Die Kaskade – das »C« in »CSS«","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M39S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/wichtig-important-gewinnt-fast-immer"},{"@type":"VideoObject","name":"Nichts gefunden? Vererbung (inheritance) oder Standardwert (initial value) - 3. Die Kaskade – das »C« in »CSS«","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M55S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/nichts-gefunden-vererbung-inheritance-oder-standardwert-initial-value"},{"@type":"VideoObject","name":"Entwickler-Tool: Kaskade und Vererbung im Browser analysieren - 3. Die Kaskade – das »C« in »CSS«","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT2M57S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/entwickler-tool-kaskade-und-vererbung-im-browser-analysieren"}],[{"@type":"VideoObject","name":"Klassiker: Schriftarten mit und ohne Serifen - 4. Inhalte gestalten: Schrift und Text ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M48S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/klassiker-schriftarten-mit-und-ohne-serifen"},{"@type":"VideoObject","name":"Die Schriftart definieren mit font-family - 4. Inhalte gestalten: Schrift und Text ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M12S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/die-schriftart-definieren-mit-font-family"},{"@type":"VideoObject","name":"Schnell und gut: die Systemschrift auf dem Gerät der Besucher - 4. Inhalte gestalten: Schrift und Text ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT2M51S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/schnell-und-gut-die-systemschrift-auf-dem-gerat-der-besucher"},{"@type":"VideoObject","name":"Webfonts: die Schriftart gleich mitliefern - 4. Inhalte gestalten: Schrift und Text ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M30S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/webfonts-die-schriftart-gleich-mitliefern"},{"@type":"VideoObject","name":"Gut lesbarer Fließtext mit font-size und line-height - 4. Inhalte gestalten: Schrift und Text ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT5M4S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/gut-lesbarer-fliesstext-mit-font-size-und-line-height"},{"@type":"VideoObject","name":"Weitere Eigenschaften zur Schrift- und Textgestaltung im Überblick - 4. Inhalte gestalten: Schrift und Text ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M11S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/weitere-eigenschaften-zur-schrift-und-textgestaltung-im-uberblick"},{"@type":"VideoObject","name":"Schatten im Text mit text-shadow - 4. Inhalte gestalten: Schrift und Text ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M27S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/schatten-im-text-mit-text-shadow"},{"@type":"VideoObject","name":"Challenge: Blocksatz im Web - 4. Inhalte gestalten: Schrift und Text ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT1M24S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/challenge-blocksatz-im-web"},{"@type":"VideoObject","name":"Solution: Blocksatz - 4. Inhalte gestalten: Schrift und Text ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M53S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/solution-blocksatz"}],[{"@type":"VideoObject","name":"Listen: Aufzählungszeichen gestalten mit list-style und dem Pseudoelement ::marker - 5. Inhalte gestalten: Listen, Links und Bilder ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M17S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/listen-aufzahlungszeichen-gestalten-mit-list-style-und-dem-pseudoelement-marker"},{"@type":"VideoObject","name":"Hyperlinks: die verschiedenen Zustände mit Pseudoklassen gestalten - 5. Inhalte gestalten: Listen, Links und Bilder ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M52S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/hyperlinks-die-verschiedenen-zustande-mit-pseudoklassen-gestalten"},{"@type":"VideoObject","name":"Externe Hyperlinks kennzeichnen mit dem Pseudoelement ::after - 5. Inhalte gestalten: Listen, Links und Bilder ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M53S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/externe-hyperlinks-kennzeichnen-mit-dem-pseudoelement-after"},{"@type":"VideoObject","name":"Pixelbildern eine flexible Breite geben mit max-width - 5. Inhalte gestalten: Listen, Links und Bilder ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT2M32S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/pixelbildern-eine-flexible-breite-geben-mit-max-width"},{"@type":"VideoObject","name":"SVG-Icons als \u003Cimg\u003E einbinden - 5. Inhalte gestalten: Listen, Links und Bilder ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M25S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/3214136"},{"@type":"VideoObject","name":"SVG-Icons als Code einbinden und per CSS gestalten - 5. Inhalte gestalten: Listen, Links und Bilder ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M11S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/svg-icons-als-code-einbinden-und-per-css-gestalten"},{"@type":"VideoObject","name":"Challenge: Akkordeon – ausklappbare Inhalte mit HTML und CSS - 5. Inhalte gestalten: Listen, Links und Bilder ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT1M47S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/challenge-akkordeon-ausklappbare-inhalte-mit-html-und-css"},{"@type":"VideoObject","name":"Solution: Akkordeon - 5. Inhalte gestalten: Listen, Links und Bilder ","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M22S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/solution-akkordeon"}],[{"@type":"VideoObject","name":"Die Breite begrenzen: width, min-width und max-width - 6. Das Box-Modell im Detail","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M14S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/die-breite-begrenzen-width-min-width-und-max-width"},{"@type":"VideoObject","name":"Abstand zwischen Text und Rand: padding - 6. Das Box-Modell im Detail","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M49S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/abstand-zwischen-text-und-rand-padding"},{"@type":"VideoObject","name":"Rahmenlinien gestalten mit border: Breite, Stil und Farbe - 6. Das Box-Modell im Detail","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M40S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/rahmenlinien-gestalten-mit-border-breite-stil-und-farbe"},{"@type":"VideoObject","name":"Abstände zwischen den Elementen mit margin - 6. Das Box-Modell im Detail","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M16S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/abstande-zwischen-den-elementen-mit-margin"},{"@type":"VideoObject","name":"Collapsing margins und wie man sie vermeidet - 6. Das Box-Modell im Detail","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M57S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/collapsing-margins-und-wie-man-sie-vermeidet"},{"@type":"VideoObject","name":"Das intuitivere Box-Modell: box-sizing: border-box - 6. Das Box-Modell im Detail","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M59S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/das-intuitivere-box-modell-box-sizing-border-box"},{"@type":"VideoObject","name":"Challenge: das Box-Modell für Inline-Boxen - 6. Das Box-Modell im Detail","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT1M22S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/challenge-das-box-modell-fur-inline-boxen"},{"@type":"VideoObject","name":"Solution: Box-Modell - 6. Das Box-Modell im Detail","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M27S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/solution-box-modell"}],[{"@type":"VideoObject","name":"Grafiken im Hintergrund: background - 7. Boxen gestalten per CSS","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M41S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/grafiken-im-hintergrund-background"},{"@type":"VideoObject","name":"Farbverläufe mit linear-gradient() - 7. Boxen gestalten per CSS","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M45S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/farbverlaufe-mit-linear-gradient"},{"@type":"VideoObject","name":"Schattenboxen mit box-shadow - 7. Boxen gestalten per CSS","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT2M46S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/schattenboxen-mit-box-shadow"},{"@type":"VideoObject","name":"Abgerundete Ecken mit border-radius - 7. Boxen gestalten per CSS","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT2M40S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/abgerundete-ecken-mit-border-radius"},{"@type":"VideoObject","name":"Call To Action: Hyperlinks als Button gestalten - 7. Boxen gestalten per CSS","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M2S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/call-to-action-hyperlinks-als-button-gestalten"},{"@type":"VideoObject","name":"Boxen am Bildschirm ausblenden: die Klasse visually-hidden - 7. Boxen gestalten per CSS","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M22S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/boxen-am-bildschirm-ausblenden-die-klasse-visually-hidden"},{"@type":"VideoObject","name":"Challenge: Kontaktseite gestalten - 7. Boxen gestalten per CSS","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT1M13S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/challenge-kontaktseite-gestalten"},{"@type":"VideoObject","name":"Solution: Kontaktseite - 7. Boxen gestalten per CSS","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT2M29S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/solution-kontaktseite"}],[{"@type":"VideoObject","name":"Stylesheets strukturieren: Reihenfolge der Regeln und Kommentare - 8. Ordnung halten: Stylesheets organisieren","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT4M7S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/stylesheets-strukturieren-reihenfolge-der-regeln-und-kommentare"},{"@type":"VideoObject","name":"Verschiedene Schreibweisen für Regeln und die Reihenfolge der Deklarationen - 8. Ordnung halten: Stylesheets organisieren","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M40S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/verschiedene-schreibweisen-fur-regeln-und-die-reihenfolge-der-deklarationen"},{"@type":"VideoObject","name":"CSS überprüfen mit dem Validator vom W3C - 8. Ordnung halten: Stylesheets organisieren","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/css-uberprufen-mit-dem-validator-vom-w3c"},{"@type":"VideoObject","name":"Ein zentrales Stylesheet erleichtert die Entwicklung - 8. Ordnung halten: Stylesheets organisieren","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M1S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/ein-zentrales-stylesheet-erleichtert-die-entwicklung"},{"@type":"VideoObject","name":"Challenge: Modularisierung – mehrere Stylesheets erstellen und die CSS-Regeln verteilen - 8. Ordnung halten: Stylesheets organisieren","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT1M29S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/challenge-modularisierung-mehrere-stylesheets-erstellen-und-die-css-regeln-verteilen"},{"@type":"VideoObject","name":"Solution: Modulbauweise - 8. Ordnung halten: Stylesheets organisieren","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M25S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/solution-modulbauweise"}],[{"@type":"VideoObject","name":"Ausblick auf Webtechniken lernen 3: CSS-Layout - Wie geht es weiter? Blick in Teil 3 der Kursreihe","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT3M29S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/ausblick-auf-webtechniken-lernen-3-css-layout"}]],"syllabusSections":[{"@type":"Syllabus","name":"Webseiten gestalten mit CSS: Teil 2 der Schulungsreihe zu den wichtigsten Webtechnologien ","timeRequired":"PT1M11S","description":"Wenn Sie CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen möchten, ist dieser LinkedIn Learning-Kurs Ihr idealer Begleiter. Zum Start erläutert Peter Müller die Inhalte und Lernziele."},{"@type":"Syllabus","name":"Was Sie erwartet und was Sie mitbringen sollten","timeRequired":"PT3M23S","description":"In diesem Film zeigt Peter Müller Ihnen, was Sie in diesem Kurs inhaltlich erwartet und was Sie am besten schon mitbringen sollten: HTML-Vorwissen, aktuelle Browser, die Projektdateien und einen Editor wie Visual Studio Code, am besten mit der Erweiterung Live Preview."},{"@type":"Syllabus","name":"CSS steht für »Cascading Style Sheets«","timeRequired":"PT3M26S","description":"In diesem Film zeigt Peter Müller Ihnen, dass die Buchstaben CSS für »Cascading Style Sheets« stehen und was diese drei Worte bedeuten. Außerdem sehen Sie, wozu CSS da ist und wie es entstand."},{"@type":"Syllabus","name":"Jeder Browser hat ein eingebautes Stylesheet","timeRequired":"PT4M40S","description":"Das Browser-Stylesheet gibt HTML-Elementen eine grundlegende Gestaltung, sodass eine Webseite ohne weiteres Zutun lesbar ist. Was es damit auf sich hat, zeigt Peter Müller in diesem Film."},{"@type":"Syllabus","name":"Wichtige Vokabeln: der Aufbau einer CSS-Regel","timeRequired":"PT3M46S","description":"CSS ist eine Sprache und kennt wie jede Sprache Vokabeln. In diesem Film erklärt Peter Müller u.a., was es mit den Begriffen CSS-Regel, Selektor, Deklaration, Eigenschaft und Wert auf sich hat. Außerdem lernen Sie CSS-Kommentare kennen."},{"@type":"Syllabus","name":"HTML und CSS miteinander verbinden","timeRequired":"PT4M37S","description":"Es gibt drei Möglichkeiten, HTML und CSS zu verbinden: in einer externen Datei, in einem Style-Block im \u003Chead\u003E oder mit dem style-Attribut im Anfangstag eines Elements."},{"@type":"Syllabus","name":"Box-Modell kennenlernen: padding, border und margin","timeRequired":"PT5M1S","description":"Webseiten bestehen aus rechteckigen Kästchen, die alle nach demselben Schema aufgebaut sind, dem Box-Modell mit padding, border und margin, das Sie in diesem Film kennenlernen."},{"@type":"Syllabus","name":"Farbnamen und hexadezimale Farbangaben ","timeRequired":"PT5M4S","description":"Am Bildschirm werden alle Farben aus Rot, Grün und Blau gemischt. Zur Definition dieser Farbanteile gibt es verschiedene Schreibweisen und in diesem Film lernen Sie hexadezimale Farbangaben kennen, die sehr weit verbreitet sind."},{"@type":"Syllabus","name":"Wichtige Einheiten: px, em, Prozent, rem & Co.","timeRequired":"PT5M4S","description":"CSS kennt viele verschiedene Maßeinheiten und die riesige Auswahl kann anfangs leicht zur Qual werden. In diesem Video lernen Sie einige Grundregeln zur Schreibweise und die wichtigsten Längeneinheiten kennen."},{"@type":"Syllabus","name":"Wissen, wo es steht: CSS-Referenzen zum Nachschlagen","timeRequired":"PT4M29S","description":"Es gibt jede Menge Websites zum Nachschlagen von Details zu Syntax, Eigenschaften und Werten. In diesem Film stellt der Trainer einige vor. Auf Deutsch gibt es SelfHTML und auf Englisch das Mozilla Developer Network (MDN) sowie Websites wie css-tricks.com."},{"@type":"Syllabus","name":"Challenge: Was ist ein CSS-Reset und benötigt man so etwas heute noch? ","timeRequired":"PT59S","description":"In dieser Challenge geht es darum herauszufinden, was ein CSS-Reset ist, welche verschiedenen Arten von CSS-Resets es gibt und ob man so etwas heute noch benötigt."},{"@type":"Syllabus","name":"Solution: CSS-Reset","timeRequired":"PT4M39S","description":"Konnten Sie die im vorigen Video erläutert Challenge eigenständig lösen? Lehnen Sie sich zurück und sehen Sie Peter Müller zu, wie er seine eigene Lösung vorstellt."},{"@type":"Syllabus","name":"Elementselektoren, Selektoren gruppieren und das Sternchen * als Universalselektor","timeRequired":"PT3M1S","description":"In diesem Film geht es um Elementselektoren, die einen Typ Element auswählen, um die Gruppierung von Selektoren mit einem Komma und schließlich um den Universalselektor *, der buchstäblich alle Elemente auswählt."},{"@type":"Syllabus","name":"Klassen sind klasse: das Attribut class und der Selektor mit dem Punkt","timeRequired":"PT3M29S","description":"Das Attribut class ermöglicht es, den Elementen im HTML eigene Namenszusätze zu geben. Klassen sind klasse und bei der Gestaltung von Webseiten nicht ohne Grund sehr beliebt."},{"@type":"Syllabus","name":"IDs sind einmalig: das Attribut id und der Selektor mit der Raute","timeRequired":"PT3M8S","description":"Eine ID dient in erster Linie zur Definition eines Sprungziels, um nach dem Laden einer Webseite direkt zu einem bestimmten Element zu springen, kann aber im CSS auch als Selektor genutzt werden."},{"@type":"Syllabus","name":"Nachfahrenelemente auswählen: der Selektor mit der Leerstelle","timeRequired":"PT3M20S","description":"In diesem Film zeigt Peter Müller Ihnen, wie man Elemente in einem bestimmten Bereich der Webseite selektiert. Dazu beschäftigt er sich zunächst mit der Hierarchie der Elemente im DOM-Baum."},{"@type":"Syllabus","name":"Selektoren zum Auswählen von Kindelementen","timeRequired":"PT4M33S","description":"Zum Selektieren von Kindelementen gibt es diverse Selektoren, die Peter Müller in diesem Film vorstellt: das Größer-als-Zeichen \u003E als Kombinator sowie die Pseudoklassen :first-child, :last-child und nth-child()."},{"@type":"Syllabus","name":"Überblick: Attributselektoren haben eckige Klammern","timeRequired":"PT5M26S","description":"Attributselektoren erkennt man an den eckigen Klammern. Sie selektieren Elemente aufgrund von HTML-Attributen und deren Werten. Die Position im DOM-Baum spielt dabei keine Rolle."},{"@type":"Syllabus","name":"Quellen zum Nachschlagen von weiteren Selektoren","timeRequired":"PT1M46S","description":"In diesem Film lernen Sie einige Quellen zum Nachschlagen von weiteren Selektoren kennen, sodass Sie sich bei Bedarf über deren Nutzung informieren können."},{"@type":"Syllabus","name":"Spezifität: Einige Selektoren sind wichtiger als andere ","timeRequired":"PT4M59S","description":"Jeder Selektor hat eine bestimmte Wichtigkeit, anhand derer der Browser im Konfliktfall entscheiden kann, wie ein Element gestaltet werden soll. Bei Gleichstand zählt die Reihenfolge im Stylesheet und Deklarationen mit dem Zusatz !important gewinnen immer."},{"@type":"Syllabus","name":"Challenge: Tabelle mit Zebrastreifen ","timeRequired":"PT1M23S","description":"In einer Tabelle z.B. kann es sehr nützlich sein, jede zweite Zeile zu selektieren, um sie unterschiedlich einzufärben. Welcher Selektor wäre für eine solche Aktion geeignet?"},{"@type":"Syllabus","name":"Solution: Zebrastreifen","timeRequired":"PT2M40S","description":"Ist es Ihnen gelungen, wie im vorigen Video gefordert, Ihre Tabelle mit abwechselnden Farben zu versehen? In diesem Film präsentiert der Trainer Ihnen seine Lösung."},{"@type":"Syllabus","name":"Die Kaskade: !important, Spezifität und Reihenfolge im CSS","timeRequired":"PT3M29S","description":"Sobald Stylesheets ein bisschen länger werden, gibt es für die CSS-Eigenschaften eines Elements fast zwangsläufig mehrere sich widersprechende Deklarationen. Für solche Konfliktfällen gibt es die mehrstufige Kaskade, die den Cascading Style Sheets ihren Namen gegeben hat."},{"@type":"Syllabus","name":"Intuitiv: Die Reihenfolge im CSS entscheidet","timeRequired":"PT2M46S","description":"In diesem Film sehen Sie, dass bei gleicher Wichtigkeit und Spezifität die Reihenfolge der Deklarationen im CSS zählt. Das ist intuitiv und einfach zu verstehen."},{"@type":"Syllabus","name":"Ungewohnt: Spezifität ist wichtiger als die Reihenfolge","timeRequired":"PT3M18S","description":"In diesem Film zeigt Ihnen der Trainer, dass Spezifität wichtiger ist als die Reihenfolge im CSS. Während das Prinzip der Reihenfolge intuitiv verständlich ist, muss man das Konzept der Spezifität hingegen gelernt und verstanden haben."},{"@type":"Syllabus","name":"Wichtig: !important gewinnt fast immer","timeRequired":"PT3M39S","description":"Der Zusatz !important bewirkt für eine Deklaration, dass sowohl Spezifität als auch Reihenfolge ignoriert werden. Da !important die Kaskade außer Kraft setzt, sollte man den Zusatz eher sparsam einsetzen."},{"@type":"Syllabus","name":"Nichts gefunden? Vererbung (inheritance) oder Standardwert (initial value)","timeRequired":"PT4M55S","description":"Wenn der Browser für eine Eigenschaft keinerlei Deklarationen findet, schaut er, ob es einen vererbten Wert gibt (inheritance). Ansonsten nimmt er den in der CSS-Spezifikation festgelegten Standardwert (initial value)."},{"@type":"Syllabus","name":"Entwickler-Tool: Kaskade und Vererbung im Browser analysieren","timeRequired":"PT2M57S","description":"In diesem Film demonstriert Peter Müller Ihnen, wie Sie in modernen Browsern die Auswirkungen der Kaskade in den Entwicklertools sehr schön analysieren und nachvollziehen können."},{"@type":"Syllabus","name":"Klassiker: Schriftarten mit und ohne Serifen","timeRequired":"PT3M48S","description":"Bei Schriftarten unterscheidet man solche mit und solche ohne Serifen, die kleinen »Verzierungen« an den Buchstaben. In diesem Film stellt Peter Müller ein paar klassische Schriftarten vor und zeigt, wie man im Entwicklertool des Firefox die Schriftgestaltung von Webseiten analysiert."},{"@type":"Syllabus","name":"Die Schriftart definieren mit font-family","timeRequired":"PT4M12S","description":"Schriftarten werden mit der Eigenschaft font-family deklariert. Da Sie nicht wissen können, welche Schriftarten der Browser der Besucher:innen zur Verfügung hat, äußern Sie einfach mehrere Wünsche. Der Browser geht diese von links nach rechts durch und wählt die erste verfügbare Schriftart."},{"@type":"Syllabus","name":"Schnell und gut: die Systemschrift auf dem Gerät der Besucher ","timeRequired":"PT2M51S","description":"In diesem Film zeigt Peter Müller Ihnen, wie Sie die Systemschrift auf dem Gerät Ihrer Besucher:innen auswählen. Diese hat viele Vorteile, denn sie ist definitiv vorhanden, optimiert für das Betriebssystem, ein vertrauter Anblick für die Nutzer:innen und sehr schnell, weil sie keine zusätzliche Ladezeit benötigt."},{"@type":"Syllabus","name":"Webfonts: die Schriftart gleich mitliefern","timeRequired":"PT4M30S","description":"Webfonts liefern die gewünschte Schriftart gleich mit und die Google Fonts vereinfachen die Einbindung enorm. Sehen Sie in diesem Film, wie Sie auf Webseiten die von Adobe erstellte Schriftart Source Sans Pro als Google Font einsetzen."},{"@type":"Syllabus","name":"Gut lesbarer Fließtext mit font-size und line-height","timeRequired":"PT5M4S","description":"Die Lesbarkeit des Fließtextes basiert nicht zuletzt auf der Gestaltung per CSS. Neben der Wahl einer geeigneten Schriftart leisten die Schriftgröße und der Zeilenabstand einen wichtigen Beitrag dazu."},{"@type":"Syllabus","name":"Weitere Eigenschaften zur Schrift- und Textgestaltung im Überblick","timeRequired":"PT4M11S","description":"In diesem Film stellt Peter Müller Ihnen weitere Eigenschaften zur Schrift- und Textgestaltung wie font-weight, font-style, letter-spacing, font-variant, text-transform, text-indent und text-align kurz vor."},{"@type":"Syllabus","name":"Schatten im Text mit text-shadow","timeRequired":"PT4M27S","description":"In diesem Video veranschaulicht der Trainer Ihnen, wie Sie mit der Eigenschaft text-shadow Text mit einem Schatten versehen können. Sparsam angewendet kann das ein sehr schöner Effekt sein."},{"@type":"Syllabus","name":"Challenge: Blocksatz im Web","timeRequired":"PT1M24S","description":"In dieser Challenge geht es um den Blocksatz im Web. Im Printbereich sieht Texte mit Blocksatz häufig, im Web hingegen eher selten. Woran liegt das? Ist Blocksatz im Web nicht sinnvoll?"},{"@type":"Syllabus","name":"Solution: Blocksatz","timeRequired":"PT4M53S","description":"In der Challenge aus dem vorigen Film haben Sie sich mit Blocksatz und seiner Sinnhaftigkeit in der Gestaltung von Webseiten beschäftigt. Hier gibt es die Auflösung dieser Challenge."},{"@type":"Syllabus","name":"Listen: Aufzählungszeichen gestalten mit list-style und dem Pseudoelement ::marker","timeRequired":"PT4M17S","description":"In diesem Video zeigt der Trainer ihnen, wie Sie die Aufzählungszeichen von Listen per CSS gestalten. Dazu lernen lernen Sie die Voreinstellungen der Browser-Stylesheets kennen und sehen, wie Sie diese mit der Eigenschaft list-style und dem Pseudoelement ::marker gestalten können."},{"@type":"Syllabus","name":"Hyperlinks: die verschiedenen Zustände mit Pseudoklassen gestalten","timeRequired":"PT4M52S","description":"Hyperlinks haben verschiedene Zustände, die mit den Pseudoklassen :link, :visited, :hover, :focus und :active unterschiedlich gestaltet werden können. Was es dabei zu beachten gibt, verrät dieser Film."},{"@type":"Syllabus","name":"Externe Hyperlinks kennzeichnen mit dem Pseudoelement ::after","timeRequired":"PT4M53S","description":"Externe Hyperlinks sind Links zu einem Ziel außerhalb der eigenen Website. In diesem Film sehen Sie, wie Sie solche Links per CSS mit einem entsprechenden Symbol kennzeichnen können."},{"@type":"Syllabus","name":"Pixelbildern eine flexible Breite geben mit max-width","timeRequired":"PT2M32S","description":"Pixelbilder haben von Haus aus eine feste, vorgegebene Breite. In diesem Film sehen Sie, wie man Pixelbilder mit einer einfachen CSS-Regel überreden kann, nicht breiter zu werden als das umgebende HTML-Element."},{"@type":"Syllabus","name":"SVG-Icons als \u003Cimg\u003E einbinden","timeRequired":"PT4M25S","description":"SVG ist ein vektorbasiertes Grafikformat und ideal für skalierbare Icons. Die Infoboxen auf der Startseite werden durch den Einbau von Icons zu einem echten Blickfang. In diesem Film erklärt Peter Müller Ihnen, wie man SVG-Icons ganz normal als \u003Cimg\u003E einbindet."},{"@type":"Syllabus","name":"SVG-Icons als Code einbinden und per CSS gestalten","timeRequired":"PT3M11S","description":"SVG-Icons sind nicht binär, sondern bestehen aus Quelltext, den man in einem Editor bearbeiten kann. Wenn Sie diesen Quelltext direkt im HTML als \u003Csvg\u003E einbinden, können Sie die Icons ganz einfach per CSS gestalten."},{"@type":"Syllabus","name":"Challenge: Akkordeon – ausklappbare Inhalte mit HTML und CSS","timeRequired":"PT1M47S","description":"In dieser Challenge geht es darum, mit den HTML-Elementen \u003Cdetails\u003E und \u003Csummary\u003E ausklappbare Inhalte (Akkordeons) zu erstellen und diese dann mit CSS zu gestalten."},{"@type":"Syllabus","name":"Solution: Akkordeon","timeRequired":"PT4M22S","description":"Zum Abschluss dieses Kapitels erhalten Sie die Lösung der Challenge aus dem vorigen Video: Sie erfahren, wie Sie ein Akkordeon erstellen und es mit CSS gestalten."},{"@type":"Syllabus","name":"Die Breite begrenzen: width, min-width und max-width","timeRequired":"PT4M14S","description":"In diesem Film lernen Sie die Eigenschaften width, min-width und max-width kennen und begrenzen die Breite der Übungswebsite per CSS. Dabei sehen Sie, dass die Breite standardmäßig ohne padding und border gemessen wird."},{"@type":"Syllabus","name":"Abstand zwischen Text und Rand: padding ","timeRequired":"PT3M49S","description":"In diesem Film weisen Sie dem Header, der Navigation, dem Inhaltsbereich und dem Footer ein wenig Abstand zu und lernen dabei die Kurzschreibweise von padding kennen."},{"@type":"Syllabus","name":"Rahmenlinien gestalten mit border: Breite, Stil und Farbe","timeRequired":"PT4M40S","description":"Breite, Stil und Farbe von Rahmenlinien können auf jeder Seite einer Box unterschiedlich sein. Hinter der Kurzschreibweise border verbergen sich ingesamt zwölf unterschiedliche Eigenschaften zur Gestaltung von Rahmenlinien."},{"@type":"Syllabus","name":"Abstände zwischen den Elementen mit margin","timeRequired":"PT3M16S","description":"Die Außenabstände einer Box werden mit margin definiert. In diesem Film sehen Sie, wie Sie mit margin Abstände gestalten und Block-Boxen horizontal zentrieren."},{"@type":"Syllabus","name":"Collapsing margins und wie man sie vermeidet","timeRequired":"PT4M57S","description":"Vertikale Außenabstände kollabieren unter bestimmten Umständen und sorgen dadurch beim Gestalten für unangenehme Überraschungen. Der Film demonstriert das Problem in Aktion und zeigt eine einfache Lösung."},{"@type":"Syllabus","name":"Das intuitivere Box-Modell: box-sizing: border-box","timeRequired":"PT4M59S","description":"Im klassischen Box-Modell sind die Breite und der tatsächliche Platzbedarf nicht identisch. Anhand dieses Videos aktivieren Sie daher die border-box, damit die Berechnung der Boxenbreite wie im richtigen Leben abläuft. Dabei lernen Sie den 3-Ansichten-Inspektor im Entwicklertool des Firefox-Browsers kennen."},{"@type":"Syllabus","name":"Challenge: das Box-Modell für Inline-Boxen","timeRequired":"PT1M22S","description":"In dieser Challlenge sollen Sie herausfinden, welche Unterschiede es zwischen Block- und Inline-Boxen gibt, warum Inline-Boxen nicht zum Layouten geeignet sind und welche Alternativen existieren."},{"@type":"Syllabus","name":"Solution: Box-Modell","timeRequired":"PT3M27S","description":"Haben Sie sich mit der Aufgabe beschäftigt, die Peter Müller Ihnen im vorigen Video gestellt hat? Schauen Sie ihm zu, wie er in diesem Film die Challenge löst."},{"@type":"Syllabus","name":"Grafiken im Hintergrund: background","timeRequired":"PT4M41S","description":"Grafiken mit Informationsgehalt, wie z. B. das Logo, werden im HTML eingebunden, dekorative Grafiken hingegen als Hintergrundgrafiken im CSS. In diesem Film lernen Sie die wichtigsten Eigenschaften zum Gestalten von Hintergrundgrafiken kennen."},{"@type":"Syllabus","name":"Farbverläufe mit linear-gradient()","timeRequired":"PT3M45S","description":"Die Eigenschaft background-image dient nicht nur zum Einbinden von Hintergrundgrafiken, sondern mit der Funktion linear-gradient() auch zum Erzeugen von Farbverläufen per CSS."},{"@type":"Syllabus","name":"Schattenboxen mit box-shadow","timeRequired":"PT2M46S","description":"Leichte Schattierungen verleihen Elementen und Texten auf Webseiten oft das gewisse Etwas. Mit box-shadow wird die Erstellung solcher Schatten fast zum Vergnügen."},{"@type":"Syllabus","name":"Abgerundete Ecken mit border-radius","timeRequired":"PT2M40S","description":"Das Erstellen abgerundeter Ecken ist mit der Eigenschaft border-radius denkbar einfach. In diesem Film lernen Sie die Syntax und einige der Möglichkeiten kennen."},{"@type":"Syllabus","name":"Call To Action: Hyperlinks als Button gestalten","timeRequired":"PT4M2S","description":"Mit den bisher gezeigten Eigenschaften verwandeln Sie Hyperlinks in hübsche Buttons, die die Besucher:innen als Call To Action zu einer bestimmten Handlung auffordern."},{"@type":"Syllabus","name":"Boxen am Bildschirm ausblenden: die Klasse visually-hidden","timeRequired":"PT4M22S","description":"In diesem Film erstellen Sie die Klasse visually-hidden und blenden damit Überschriften aus, die im Quelltext sinnvoll, in einem visuellen Layout aber nicht notwendig sind."},{"@type":"Syllabus","name":"Challenge: Kontaktseite gestalten","timeRequired":"PT1M13S","description":"Zum Abschluss des Kapitels eine Challenge: Gestalten Sie auf der Kontaktseite die Abschnitte mit den Kontaktdaten und dem Kontaktformular mit den Eigenschaften, die Sie bisher kennengelernt haben."},{"@type":"Syllabus","name":"Solution: Kontaktseite","timeRequired":"PT2M29S","description":"Der Trainer rundet das Kapitel ab, indem er Ihnen die Lösung der Aufgabe aus dem vorigen Film präsentiert: die Gestaltung einer Kontaktseite und eines Kontaktformulars."},{"@type":"Syllabus","name":"Stylesheets strukturieren: Reihenfolge der Regeln und Kommentare","timeRequired":"PT4M7S","description":"Die CSS-Regeln gehen grundsätzlich vom Allgemeinen zum Besonderen. Kommentare unterteilen das Stylesheet dabei in Abschnitte und dienen als Gedächtnisstütze – damit Sie auch morgen noch wissen, was Sie sich heute dabei gedacht haben."},{"@type":"Syllabus","name":"Verschiedene Schreibweisen für Regeln und die Reihenfolge der Deklarationen","timeRequired":"PT3M40S","description":"Die Deklarationen innerhalb einer CSS-Regel können auf unterschiedliche Weise geschrieben werden. In diesem Film zeigt Ihnen Peter Müller mögliche Varianten."},{"@type":"Syllabus","name":"CSS überprüfen mit dem Validator vom W3C","timeRequired":"PT3M","description":"Ein guter Editor zeigt Syntaxfehler bereits beim Schreiben an, aber besonders vor und nach größeren Umstrukturierungen ist es eine gute Idee, sein CSS vom CSS-Validator des W3C überprüfen zu lassen."},{"@type":"Syllabus","name":"Ein zentrales Stylesheet erleichtert die Entwicklung","timeRequired":"PT3M1S","description":"Während der Entwicklung der Seiten ist es von Vorteil, die CSS-Regeln auf mehrere kleine Stylesheets zu verteilen, die dann in style.css mit @import eingebunden werden. Vor der Veröffentlichung sollten die Module wieder in einer Datei vereinigt werden."},{"@type":"Syllabus","name":"Challenge: Modularisierung – mehrere Stylesheets erstellen und die CSS-Regeln verteilen","timeRequired":"PT1M29S","description":"In dieser Challenge setzen Sie die Idee der Modularisierung um: Sie erstellen mehrere Stylesheets, die Sie mit einer @import-Regel in einem zentralen Stylesheet einbinden, und verteilen die vorhandenen CSS-Regeln dann auf die einzelnen Stylesheets."},{"@type":"Syllabus","name":"Solution: Modulbauweise","timeRequired":"PT3M25S","description":"Die Lösung der Challenge aus dem vorigen Film präsentiert der Trainer Ihnen in diesem Video: Er schafft Ordnung in der CSS-Struktur und bindet die Stylesheets in ein zentrales Stylesheet ein."},{"@type":"Syllabus","name":"Ausblick auf Webtechniken lernen 3: CSS-Layout","timeRequired":"PT3M29S","description":"Zum Abschluss bietet der Trainer Ihnen mit der Gestaltung einer Navigation mittels display:flex einen Ausblick auf Teil 3 dieses Kurses, in dem Sie lernen werden, wie Sie mit modernen Layoutmethoden wie Flexbox und Grid responsive Layouts erstellen, die den im Browserfenster vorhandenen Platz effektiv nutzen."}],"aggregateRating":{"@type":"AggregateRating","ratingCount":66,"ratingValue":4.9,"bestRating":5,"worstRating":1},"review":[{"@type":"Review","author":{"@type":"Person","name":"Thomas Lehnen","jobTitle":"Lehrer an der Anne-Frank-Realschule plus Mainz","url":"https://de.linkedin.com/in/thomas-lehnen-49a441152"},"reviewRating":{"@type":"Rating","ratingValue":5},"reviewBody":"sehr","datePublished":"2023-07-22T13:20:49.440Z","publisher":{"@type":"Organization","name":"LinkedIn"},"bestRating":5,"worstRating":1},{"@type":"Review","author":{"@type":"Person","name":"Daniel K.","jobTitle":"--","url":"https://de.linkedin.com/in/daniel-k-609877268"},"reviewRating":{"@type":"Rating","ratingValue":5},"reviewBody":"Sehr zu empfehlen","datePublished":"2023-05-31T16:58:33.918Z","publisher":{"@type":"Organization","name":"LinkedIn"},"bestRating":5,"worstRating":1},{"@type":"Review","author":{"@type":"Person","name":"Susanne Tamir","jobTitle":"Desert Design for web and Print","url":"https://il.linkedin.com/in/susanne-tamir-68ba44180"},"reviewRating":{"@type":"Rating","ratingValue":5},"reviewBody":"Ich habe seiner Zeit HTML und CSS mit der reihe Little Boxes von Peter Müller gelernt und dieser Kurs ist ein update und Vertiefung! Obwohl ich schon sehr lange CSS nutze, habe ich viel gelernt und tolle Quellen bekommen. Der Kurs ist aber auch für Anfänger toll, denn alles wird sehr klar mit Beispielen erklärt. Ich freue mich schon auf Teil drei!","datePublished":"2022-08-03T03:55:35.971Z","publisher":{"@type":"Organization","name":"LinkedIn"},"bestRating":5,"worstRating":1}],"video":{"@type":"VideoObject","name":"Webseiten gestalten mit CSS: Teil 2 der Schulungsreihe zu den wichtigsten Webtechnologien - Webtechniken lernen 2: CSS-Grundlagen","author":{"@type":"Person","name":"Peter M. Müller","description":"Bücher und Videokurse zu Webthemen für Einsteiger","jobTitle":"Bücher und Videokurse zu Webthemen für Einsteiger","url":"https://nl.linkedin.com/in/pmmueller","image":"https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ","description":"CSS von Grund auf lernen oder ältere CSS-Kenntnisse auf den neuesten Stand bringen.","duration":"PT1M11S","datePublished":"2022-05-09","uploadDate":"2022-05-09","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/webseiten-gestalten-mit-css-teil-2-der-schulungsreihe-zu-den-wichtigsten-webtechnologien"},"educationalCredentialAwarded":[{"@type":"EducationalOccupationalCredential","name":"LinkedIn Learning-Abschlusszertifikat","url":"https://www.linkedin.com/help/learning/answer/a598944/learning-certificates-of-completion-faqs","credentialCategory":"Certificate","offers":[{"@type":"Offer","category":"Subscription"}]}]} </script>  </head> <body dir="ltr">   <a href="#main-content" class="skip-link btn-md btn-primary absolute z-11 -top-[100vh] focus:top-0"> Weiter zum Hauptinhalt </a> <header class="header base-detail-page__header px-mobile-container-padding bg-color-background-container global-alert-offset sticky-header"> <nav class="nav pt-1.5 pb-2 flex items-center justify-between relative flex-nowrap babymamabear:py-1.5 nav--minified-mobile " aria-label="Primär"> <a href="https://de.linkedin.com/learning/?trk=learning-course_nav-header-logo" class="nav__logo-link link-no-visited-state z-1 mr-auto min-h-[52px] flex items-center babybear:z-0 hover:no-underline focus:no-underline active:no-underline babymamabear:mr-3" data-tracking-control-name="learning-course_nav-header-logo" data-tracking-will-navigate> <div class="learning-logo"> <icon class="learning-logo__inbug onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4zqr0f9jf98vi2nkijyc3bex2"></icon> <span class="learning-logo__text" aria-hidden="true">Learning</span> <span class="sr-only">LinkedIn Learning</span> </div> </a> <section class="search-bar relative flex flex-grow h-[40px] bg-cool-gray-20 min-w-0 max-w-full mx-4 rounded-sm babymamabear:mx-0 babymamabear:mb-1.5 babymamabear:bg-color-transparent babymamabear:w-full babymamabear:flex babymamabear:flex-wrap search-bar--minified-mobile" data-current-search-type="LEARNING"> <button class="search-bar__placeholder papabear:hidden text-input w-full mt-1.5 !pl-[14px] border-1 border-solid border-color-border-faint rounded-[2px] h-[40px] max-h-[40px] flex items-center overflow-hidden cursor-text" data-tracking-control-name="learning-course_search-switcher-opener"> <icon class="text-color-icon w-3 h-3 mr-1" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/397vrsk6op88l4981ji1xe1qt"></icon> <div class="search-bar__full-placeholder font-sans text-md text-color-text max-w-[calc(100%-40px)] text-left whitespace-nowrap overflow-hidden text-ellipsis">  Suche (Kenntnisse, Themen, Software)  </div> <span class="sr-only">Suche erweitern</span> </button> <div class="switcher-tabs__trigger-and-tabs babymamabear:flex"> <button aria-expanded="false" class="switcher-tabs__placeholder flex !h-full !py-0 !pl-2 !pr-1.5 border-r-1 border-solid border-r-color-border-faint babymamabear:hidden tab-md papabear:tab-vertical papabear:justify-start cursor-pointer" data-tracking-control-name="learning-course_switcher-tabs-placeholder" aria-describedby="switcher-description"> <span class="switcher-tabs__placeholder-text m-auto"></span> <icon class="switcher-tabs__caret-down-filled onload pointer-events-none block my-auto min-h-[24px] min-w-[24px] h-[24px] babymamabear:hidden" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/1mbz49mpng9yvv8gqs11n7dkx"></icon> </button> <div id="switcher-description" class="hidden">Dieser Button zeigt den derzeit ausgewählten Suchtyp an. Bei Erweiterung erscheint eine Liste mit Suchoptionen, die die Sucheingaben so ändern, dass sie zur aktuellen Auswahl passen.</div>  <div class="switcher-tabs hidden z-[1] w-auto min-w-[160px] mb-1.5 py-1 absolute top-[48px] left-0 border-solid border-1 border-color-border-faint papabear:container-raised babymamabear:static babymamabear:w-[100vw] babymamabear:h-[48px] babymamabear:p-0 overflow-y-hidden overflow-x-auto md:overflow-x-hidden"> <ul class="switcher-tabs__list flex flex-1 items-stretch papabear:flex-col" role="tablist"> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="jobs-search-panel" aria-selected="false" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer " data-switcher-type="JOBS" data-tracking-control-name="learning-course_switcher-tabs-jobs-search-switcher" id="job-switcher-tab" role="tab"> Jobs </button> </li> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="people-search-panel" aria-selected="false" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer " data-switcher-type="PEOPLE" data-tracking-control-name="learning-course_switcher-tabs-people-search-switcher" id="people-switcher-tab" role="tab"> Personen </button> </li> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="learning-search-panel" aria-selected="true" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer tab-selected" data-switcher-type="LEARNING" data-tracking-control-name="learning-course_switcher-tabs-learning-search-switcher" id="learning-switcher-tab" role="tab"> Learning </button> </li> </ul> <button aria-label="Schließen" class="switcher-tabs__cancel-btn papabear:hidden block w-6 h-6 m-auto text-color-text-low-emphasis" data-tracking-control-name="learning-course_switcher-tabs-cancel-search-switcher" type="button"> <icon class="switcher-tabs__cancel-icon block w-3 h-3 m-auto onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </div> </div> <section class="base-search-bar w-full h-full" data-searchbar-type="PEOPLE" aria-labelledby="people-switcher-tab" id="people-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/pub/dir" data-tracking-control-name="learning-course_people-search-bar_base-search-bar-form"> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Vorname" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_people-search-bar_first-name_dismissable-input" maxlength="500" name="firstName" placeholder="Vorname" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_people-search-bar_first-name_dismissable-input-clear" type="button"> <label class="sr-only">Text löschen</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Nachname" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_people-search-bar_last-name_dismissable-input" maxlength="500" name="lastName" placeholder="Nachname" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_people-search-bar_last-name_dismissable-input-clear" type="button"> <label class="sr-only">Text löschen</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input name="trk" value="learning-course_people-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Suche" data-tracking-control-name="learning-course_people-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <section class="base-search-bar w-full h-full" data-searchbar-type="JOBS" aria-labelledby="job-switcher-tab" id="jobs-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/jobs/search" data-tracking-control-name="learning-course_jobs-search-bar_base-search-bar-form"> <code id="i18n_aria_live_text_no-suggestions" style="display: none"></code> <code id="i18n_aria_live_text_one-suggestion" style="display: none"></code> <code id="i18n_aria_live_text_multiple-suggestions" style="display: none"></code> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 typeahead-input keywords-typeahead-input text-input"> <input aria-autocomplete="list" aria-controls="job-search-bar-keywords-typeahead-list" aria-haspopup="listbox" aria-label="Suche (Stellen oder Unternehmen)" autocomplete="off" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_dismissable-input" id="job-search-bar-keywords" maxlength="500" name="keywords" placeholder="Suche (Stellen oder Unternehmen)" role="combobox" type="search">  <div class="typeahead-input__dropdown container-lined absolute top-[calc(100%+3px)] left-0 w-full rounded-b-md rounded-t-none z-[10] overflow-hidden max-w-none babybear:min-w-full babybear:bottom-0 babybear:overflow-y-auto"> <template class="typeahead-item-template"> <li class="typeahead-input__dropdown-item py-1.5 px-2 hover:cursor-pointer hover:bg-color-surface-new-hover hover:border-y-2 hover:border-solid hover:border-color-container-primary" role="option"> <span class="typeahead-input__dropdown-text font-sans text-sm font-bold text-color-text"></span> </li> </template> <ul class="typeahead-input__dropdown-list w-full" id="job-search-bar-keywords-typeahead-list" role="listbox"></ul> </div>  <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_dismissable-input-clear" type="button"> <label class="sr-only">Text löschen</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section>  <code id="i18n_aria_live_text_no-suggestions" style="display: none"></code> <code id="i18n_aria_live_text_one-suggestion" style="display: none"></code> <code id="i18n_aria_live_text_multiple-suggestions" style="display: none"></code> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 typeahead-input location-typeahead-input"> <input aria-autocomplete="list" aria-controls="job-search-bar-location-typeahead-list" aria-haspopup="listbox" aria-label="Standort" autocomplete="off" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_dismissable-input" id="job-search-bar-location" maxlength="500" name="location" placeholder="Standort" role="combobox" value="Singapur" type="search">  <div class="typeahead-input__dropdown container-lined absolute top-[calc(100%+3px)] left-0 w-full rounded-b-md rounded-t-none z-[10] overflow-hidden max-w-none babybear:min-w-full babybear:bottom-0 babybear:overflow-y-auto"> <template class="typeahead-item-template"> <li class="typeahead-input__dropdown-item py-1.5 px-2 hover:cursor-pointer hover:bg-color-surface-new-hover hover:border-y-2 hover:border-solid hover:border-color-container-primary" role="option"> <span class="typeahead-input__dropdown-text font-sans text-sm font-bold text-color-text"></span> </li> </template> <ul class="typeahead-input__dropdown-list w-full" id="job-search-bar-location-typeahead-list" role="listbox"></ul> </div>  <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_dismissable-input-clear" type="button"> <label class="sr-only">Text löschen</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input name="geoId" value="111422291" type="hidden"> <input name="trk" value="learning-course_jobs-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Suche" data-tracking-control-name="learning-course_jobs-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <section class="base-search-bar w-full h-full" data-searchbar-type="LEARNING" aria-labelledby="learning-switcher-tab" id="learning-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/learning/search" data-tracking-control-name="learning-course_learning-search-bar_base-search-bar-form"> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Suche (Kenntnisse, Themen, Software)" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_learning-search-bar_keywords_dismissable-input" maxlength="500" name="keywords" placeholder="Suche (Kenntnisse, Themen, Software)" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_learning-search-bar_keywords_dismissable-input-clear" type="button"> <label class="sr-only">Text löschen</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input class="nav__search-uoo" name="upsellOrderOrigin" type="hidden"> <input name="trk" value="learning-course_learning-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Suche" data-tracking-control-name="learning-course_learning-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <div aria-live="polite" class="search-bar__live-text sr-only" role="status"></div> </section>  <div class="nav__cta-container order-3 flex gap-x-1 justify-end min-w-[100px] flex-nowrap flex-shrink-0 babybear:flex-wrap flex-2 babymamabear:min-w-[50px] ">  <a class="nav__button-tertiary btn-md btn-tertiary" href="http://de.linkedin.com/learning/subscription/products?courseSlug=webtechniken-lernen-2-css-grundlagen-17200653&destRedirectURL=https%3A%2F%2Fde%2Elinkedin%2Ecom%2Flearning%2Fwebtechniken-lernen-2-css-grundlagen-17200653&upsellTrk=lil_upsell_nav_subscription&session_redirect=https%3A%2F%2Fde.linkedin.com%2Flearning%2Fwebtechniken-lernen-2-css-grundlagen-17200653&trk=learning-course_nav-header-join" data-tracking-control-name="lil_upsell_nav_subscription" data-tracking-impression-name="lil_upsell_nav_subscription" data-test-live-nav-primary-cta data-tracking-will-navigate> Kostenlos testen </a> <a class="nav__button-secondary btn-secondary-emphasis btn-md" href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fwebtechniken-lernen-2-css-grundlagen-17200653&fromSignIn=true&session_redirect=https%3A%2F%2Fde.linkedin.com%2Flearning%2Fwebtechniken-lernen-2-css-grundlagen-17200653&trk=learning-course_nav-header-signin" data-tracking-control-name="learning-course_nav-header-signin" data-tracking-will-navigate> Einloggen </a> <a aria-label="Einloggen" class="nav__link-person papabear:hidden mamabear:hidden" data-tracking-control-name="learning-course_nav-header-signin" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fwebtechniken-lernen-2-css-grundlagen-17200653&fromSignIn=true&session_redirect=https%3A%2F%2Fde.linkedin.com%2Flearning%2Fwebtechniken-lernen-2-css-grundlagen-17200653&trk=learning-course_nav-header-signin"> <img class="inline-block relative rounded-[50%] w-4 h-4 bg-color-entity-ghost-background" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </a> </div>   </nav> </header>  <div class="cta-banner "> <div class="enterprise-nav"> <div class="enterprise-nav__content-wrapper"> <p id="enterprise-nav-solutions" class="enterprise-nav__content" tabindex="-1"> Lösungen für: </p> <a href="https://learning.linkedin.com/de-de/for-entire-companies?src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-business" class="enterprise-nav__content" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-business">Unternehmen</a> <a href="https://learning.linkedin.com/de-de/for-higher-education?src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-education" class="enterprise-nav__content" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-education">Bildungseinrichtungen</a> <a href="https://learning.linkedin.com/de-de/for-governments?src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-government" class="enterprise-nav__content" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-government">Behörden</a> <a href="/learning/subscription/teams?veh=lil_upx&src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-buy" class="enterprise-nav__content" data-test-live-enterprise-upsell="true" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" data-tracking-impression-name="lil_upsell_learning-course_enterprise-nav_teambuy" id="business-nav-buy">Für Ihr Team erwerben</a> </div> </div>   </div> <main class="main papabear:flex papabear:w-content-max-w papabear:mx-auto papabear:pt-desktop-content-top-margin mamabear:pt-desktop-content-top-margin " id="main-content" role="main"> <section class="core-rail mx-auto papabear:w-core-rail-width mamabear:max-w-[790px] babybear:max-w-[790px]"> <ol class="breadcrumb__list"> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://de.linkedin.com/learning/browse?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Alle Themen</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://de.linkedin.com/learning/topics/kreativitat?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Kreativität</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://de.linkedin.com/learning/topics/webdesign-und-ux?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Webdesign</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://de.linkedin.com/learning/topics/web-standards?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Web-Standards</a> </li> </ol> <script type="application/ld+json"> {"@context":"http://schema.org/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Alle Themen","item":"https://de.linkedin.com/learning/browse"},{"@type":"ListItem","position":2,"name":"Kreativität","item":"https://de.linkedin.com/learning/topics/kreativitat"},{"@type":"ListItem","position":3,"name":"Webdesign","item":"https://de.linkedin.com/learning/topics/webdesign-und-ux"},{"@type":"ListItem","position":4,"name":"Web-Standards","item":"https://de.linkedin.com/learning/topics/web-standards"}]} </script> <section class="top-card-layout container-lined overflow-hidden babybear:rounded-[0px]"> <section class="top-card__image-container"> <img class="top-card__image" alt="Webtechniken lernen 2: CSS-Grundlagen" data-delayed-url="https://media.licdn.com/dms/image/v2/C4D0DAQH0uGB75zNZXw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1651054295510?e=2147483647&v=beta&t=62xnpnYlT1EEMzb_6WjAwXRJSwEznx-rvRosQfH9QhQ"> <a class="top-card__overlay-button" data-tracking-control-name="course_preview" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/webseiten-gestalten-mit-css-teil-2-der-schulungsreihe-zu-den-wichtigsten-webtechnologien?autoplay=true&trk=course_preview"> <span class="top-card__preview-cta "> <icon class="top-card__preview-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l"> </icon> <span class="top-card__preview-cta-text">Vorschau</span> </span>  </a> </section> <div class="top-card-layout__card relative p-2 papabear:p-details-container-padding"> <div class="top-card-layout__entity-info-container flex flex-wrap papabear:flex-nowrap"> <div class="top-card-layout__entity-info flex-grow flex-shrink-0 basis-0 babybear:flex-none babybear:w-full babybear:flex-none babybear:w-full"> <h1 class="top-card-layout__title font-sans text-lg papabear:text-xl font-bold leading-open text-color-text mb-0"> Webtechniken lernen 2: CSS-Grundlagen </h1> <h2 class="top-card-layout__headline break-words font-sans text-md leading-open text-color-text"> <div class="top-card__headline-row"> <span class="top-card__headline-row-item top-card__headline-row-item--large">Mit Peter M. Müller</span> <span class="top-card__headline-row-item">45 Mitgliedern gefällt das</span> </div> <div class="top-card__headline-row"> <span class="top-card__headline-row-item">Dauer: 4 Std. 5 Min.</span>  <span class="top-card__headline-row-item">Veröffentlicht am: 9.5.2022</span> </div> </h2>   <div class="top-card-layout__cta-container flex flex-wrap mt-0.5 papabear:mt-0 ml-[-12px]"> <a href="http://de.linkedin.com/learning/subscription/products?courseSlug=webtechniken-lernen-2-css-grundlagen-17200653&destRedirectURL=https%3A%2F%2Fde%2Elinkedin%2Ecom%2Flearning%2Fwebtechniken-lernen-2-css-grundlagen-17200653&upsellTrk=lil_upsell_course_info_subscription&trk=course_info" data-tracking-control-name="lil_upsell_course_info_subscription" data-tracking-impression-name="lil_upsell_course_info_subscription" data-litms-tracking-control-name="lil_upsell_course_info_subscription" data-tracking-will-navigate class="top-card__upsell-link top-card-layout__cta mt-2 ml-1.5 h-auto babybear:flex-auto top-card-layout__cta--primary btn-md btn-primary" data-test-live-course-sub-upsell> Gratismonat starten </a> <a class="buy-for-your-team-cta__link top-card-layout__cta mt-2 ml-1.5 h-auto babybear:flex-auto top-card-layout__cta--secondary btn-md btn-secondary" href="/learning/subscription/teams?veh=lil_upx&src=li-lil-upsell&trk=learning-course_buy-for-your-team-cta" data-tracking-control-name="learning-course_buy-for-your-team-cta" data-tracking-impression-name="lil_upsell_learning-course_buy-for-your-team-cta_teambuy" data-test-live-buy-for-your-team-upsell data-tracking-will-navigate> Für Ihr Team erwerben </a> </div> </div>  </div>   </div> </section> <div class="details mx-details-container-padding"> <section class="core-section-container my-3 course-details">  <h2 class="core-section-container__title section-title"> Kursdetails </h2>  <div class="core-section-container__content break-words"> <section class="show-more-less-html course-details__description" data-max-lines="4"> <div class="show-more-less-html__markup show-more-less-html__markup--clamp-after-4 relative overflow-hidden"> In der Kursreihe »Webtechniken lernen« vermittelt Ihnen Peter Müller das gesamte Grundwissen, um moderne Webseiten planen, gestalten, programmieren und dauerhaft pflegen zu können - Sie müssen dazu über keinerlei Vorkenntnisse verfügen. In diesem zweiten Teil steht CSS (Cascading Style Sheets) im Mittelpunkt: Sehen und lernen Sie in vielen praktischen Übungen die wichtigsten CSS-Konzepte umzusetzen und HTML-Elemente zu erstellen und zu gestalten. Anhand von Code-Challenges am Ende eines Kapitels können Sie das Erlernte sofort testen und Ihre Lösung mit der angebotenen »Solution« vergleichen. </div> <button class="show-more-less-html__button show-more-less-button show-more-less-html__button--more ml-0.5" data-tracking-control-name="learning-course_show-more-html-btn" aria-label="i18n_show_more" aria-expanded="false">  Show more <icon class="show-more-less-html__button-icon show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less-html__button show-more-less-button show-more-less-html__button--less ml-0.5" data-tracking-control-name="learning-course_show-less-html-btn" aria-label="i18n_show_less" aria-expanded="true">  Show less <icon class="show-more-less-html__button-icon show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button>  </section> </div> </section> <section class="core-section-container my-3 course-skills">  <h2 class="core-section-container__title section-title"> Entwickelte Kompetenzen </h2>  <div class="core-section-container__content break-words"> <ul class="course-skills__skill-list"> <li class="course-skills__skill-list-item"> <a href="https://www.linkedin.com/learning/topics/css-2?trk=learning-course_pill-list" data-tracking-control-name="learning-course_pill-list" data-tracking-will-navigate class="pill flex w-fit mr-[6px] mb-1 hover:no-underline skill-pill"> Cascading Style Sheets (CSS) </a> </li> </ul> </div> </section> <section class="core-section-container my-3">  <h2 class="core-section-container__title section-title"> Zertifikate erhalten und teilen </h2>  <div class="core-section-container__content break-words"> <p class="course-certificate__body-paragraph">Teilen Sie, was Sie gelernt haben, und machen Sie in der gewünschten Branche auf sich aufmerksam – mit einem Zertifikat, das zeigt, was Sie in diesem Kurs gelernt haben.</p> <div class="course-certificate__image-container"> <img class="course-certificate__certificate-image" alt="Beispielzertifikat" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/52nu8qc7cfcn7vrftr7ttceqt"> <div> <h3 class="course-certificate__detail-list-heading"> <div class="learning-logo"> <icon class="learning-logo__inbug onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4zqr0f9jf98vi2nkijyc3bex2"></icon> <span class="learning-logo__text learning-logo__text--show-on-mobile" aria-hidden="true">Learning</span> <span class="sr-only">LinkedIn Learning</span> </div> <span>Abschlusszertifikat</span> </h3> <ul> <li class="course-certificate__detail-list-item"> <div class="course-certificate__detail-list-item-icon-wrapper"><icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5lqa4dj5v9gp6yjh6s6iwtdbb"></icon></div> <p class="course-certificate__detail-list-item-text">Zeigen Sie Ihr Zertifikat auf Ihrem LinkedIn Profil im Bereich „Bescheinigungen & Zertifikate“.</p> </li> <li class="course-certificate__detail-list-item"> <div class="course-certificate__detail-list-item-icon-wrapper"><icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5lqa4dj5v9gp6yjh6s6iwtdbb"></icon></div> <p class="course-certificate__detail-list-item-text">Sie können das Zertifikat auch als PDF herunterladen oder ausdrucken und so an andere weitergeben.</p> </li> <li class="course-certificate__detail-list-item"> <div class="course-certificate__detail-list-item-icon-wrapper"><icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5lqa4dj5v9gp6yjh6s6iwtdbb"></icon></div> <p class="course-certificate__detail-list-item-text">Teilen Sie es online als Bild, um zu zeigen, was Sie können.</p> </li> </ul> </div> </div> </div> </section> <section class="core-section-container my-3 course-instructors">  <h2 class="core-section-container__title section-title"> Lernen Sie den:die Trainer:in kennen </h2>  <div class="core-section-container__content break-words"> <ul class="course-instructors__list"> <li class="course-instructors__list-item"> <a href="https://nl.linkedin.com/in/pmmueller?trk=learning-course_instructor" target="_self" data-tracking-control-name="learning-course_instructor" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link ">  <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/C4E03AQFaZt6LuAjWPQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1659710287885?e=2147483647&v=beta&t=SnQQHYUZXdUNS3Jvq236KGflkpoxs1I6FS2-0QKLg7Q" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Hier klicken, um die Trainer:innenseite von Peter M. Müller anzuzeigen"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Peter M. Müller </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Bücher und Videokurse zu Webthemen für Einsteiger </h4>   </div>  </a> </li> </ul> </div> </section> <section class="core-section-container my-3 reviews-feed">  <h2 class="core-section-container__title section-title"> Nutzerbewertungen </h2>  <div class="core-section-container__content break-words"> <div class="reviews-feed__ratings-summary"> <section class="ratings-summary"> <div class="ratings-summary__overall-rating"> <h3 class="ratings-summary__header"><span class="ratings-summary__rating-average">4,9</span> <span class="ratings-summary__rating-max"> von 5</span></h3> <figure class="ratings-summary__figure"> <span class="star-rating" role="img" aria-label="Rating: 4.9 von 5 Sternen"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> </span> <figcaption class="ratings-summary__ratings-total">66 Bewertungen</figcaption> </figure> </div> <div class="ratings-summary__breakdown"> <div class="ratings-summary__disclaimer"> <div class="tooltip"> <button class="tooltip__trigger ratings-summary__disclaimer-trigger" data-tracking-control-name="toggle_disclaimer" type="button"> <icon class="ratings-summary__disclaimer-icon" data-svg-class-name="ratings-summary__disclaimer-icon-svg" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/g8uts9v3k83n9e3iyvcxit0k"> </icon> <span class="ratings-summary__disclaimer-text">Wie werden die Bewertungen berechnet?</span> </button> <span role="tooltip" class="tooltip__popup" aria-hidden="true"> Die Gesamtbewertung gibt den Durchschnitt der abgegebenen Bewertungen wider. Sterne und Bewertungen können nur von nicht anonymisierten Nutzer:innen vergeben werden, die einen Kurs zu mindestens 40 % bearbeitet haben. So sollen gefälschte Bewertungen und Spam vermieden werden. </span> </div> </div> <ul> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 5 Sterne </figcaption> <progress class="ratings-summary__progress-bar" max="66" value="57" aria-valuemin="0" aria-valuenow="57" aria-valuemax="66"> Aktueller Wert: 57 </progress> <span class="ratings-summary__rating-count-percent"> 86 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 4 Sterne </figcaption> <progress class="ratings-summary__progress-bar" max="66" value="9" aria-valuemin="0" aria-valuenow="9" aria-valuemax="66"> Aktueller Wert: 9 </progress> <span class="ratings-summary__rating-count-percent"> 14 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 3 Sterne </figcaption> <progress class="ratings-summary__progress-bar" max="66" value="0" aria-valuemin="0" aria-valuenow="0" aria-valuemax="66"> Aktueller Wert: 0 </progress> <span class="ratings-summary__rating-count-percent"> 0 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 2 Sterne </figcaption> <progress class="ratings-summary__progress-bar" max="66" value="0" aria-valuemin="0" aria-valuenow="0" aria-valuemax="66"> Aktueller Wert: 0 </progress> <span class="ratings-summary__rating-count-percent"> 0 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 1 Sterne </figcaption> <progress class="ratings-summary__progress-bar" max="66" value="0" aria-valuemin="0" aria-valuenow="0" aria-valuemax="66"> Aktueller Wert: 0 </progress> <span class="ratings-summary__rating-count-percent"> 0 % </span> </figure> </li> </ul> </div> </section> </div> <ul class="reviews-feed__reviews-list"> <li class="reviews-feed__reviews-list-item"> <div class="review-card"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link review-card__entity"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://de.linkedin.com/in/thomas-lehnen-49a441152" data-tracking-control-name="learning-course" data-tracking-will-navigate> <span class="sr-only"> Thomas Lehnen  </span> </a> <img class="inline-block relative rounded-[50%] w-6 h-6 bg-color-entity-ghost-background" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Thomas Lehnen"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Thomas Lehnen  </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Lehrer an der Anne-Frank-Realschule plus Mainz </h4>  <div class="body-text text-color-text-low-emphasis base-main-card__metadata"> <div class="review-card__content"> <div class="review-card__centered-row"> <div class="review-card__star-container"> <span class="star-rating" role="img" aria-label="Rating: 5 von 5 Sternen"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> </span> </div> <span class="review-card__rating"> 5/5 </span> <span class="review-card__date"> 22. Juli 2023 </span> </div> <div class="review-card__text"> sehr </div> <div class="review-card__centered-row review-card__actions"> <a class="review-card__centered-row review-card__action-button" aria-label="Der Kommentar von Thomas Lehnen ist hilfreich" data-tracking-control-name="learning-course_review-card-helpful-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fwebtechniken-lernen-2-css-grundlagen-17200653&trk=learning-course_review-card-helpful-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5ptx189gjbxrh9wf3ncsehms9" data-svg-class-name="review-card__like-icon"></icon> Hilfreich </a> <span class="review-card__dot-delimiter">·</span> <a class="review-card__centered-row review-card__action-button" aria-label="Kommentar von Thomas Lehnen melden" data-tracking-control-name="learning-course_review-card-report-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fwebtechniken-lernen-2-css-grundlagen-17200653&trk=learning-course_review-card-report-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/d04ze1wt0ev8ck8e4ovqk762o" data-svg-class-name="review-card__flag-icon"></icon> Melden </a> </div> </div> </div>  </div>  </div> </div> </li> <li class="reviews-feed__reviews-list-item"> <div class="review-card"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link review-card__entity"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://de.linkedin.com/in/daniel-k-609877268" data-tracking-control-name="learning-course" data-tracking-will-navigate> <span class="sr-only"> Daniel K.  </span> </a> <img class="inline-block relative rounded-[50%] w-6 h-6 bg-color-entity-ghost-background" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Daniel K."> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Daniel K.  </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> -- </h4>  <div class="body-text text-color-text-low-emphasis base-main-card__metadata"> <div class="review-card__content"> <div class="review-card__centered-row"> <div class="review-card__star-container"> <span class="star-rating" role="img" aria-label="Rating: 5 von 5 Sternen"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> </span> </div> <span class="review-card__rating"> 5/5 </span> <span class="review-card__date"> 31. Mai 2023 </span> </div> <div class="review-card__text"> Sehr zu empfehlen </div> <div class="review-card__centered-row review-card__actions"> <a class="review-card__centered-row review-card__action-button" aria-label="Der Kommentar von Daniel K. ist hilfreich" data-tracking-control-name="learning-course_review-card-helpful-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fwebtechniken-lernen-2-css-grundlagen-17200653&trk=learning-course_review-card-helpful-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5ptx189gjbxrh9wf3ncsehms9" data-svg-class-name="review-card__like-icon"></icon> Hilfreich </a> <span class="review-card__dot-delimiter">·</span> <a class="review-card__centered-row review-card__action-button" aria-label="Kommentar von Daniel K. melden" data-tracking-control-name="learning-course_review-card-report-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fwebtechniken-lernen-2-css-grundlagen-17200653&trk=learning-course_review-card-report-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/d04ze1wt0ev8ck8e4ovqk762o" data-svg-class-name="review-card__flag-icon"></icon> Melden </a> </div> </div> </div>  </div>  </div> </div> </li> <li class="reviews-feed__reviews-list-item"> <div class="review-card"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link review-card__entity"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://il.linkedin.com/in/susanne-tamir-68ba44180" data-tracking-control-name="learning-course" data-tracking-will-navigate> <span class="sr-only"> Susanne Tamir  </span> </a> <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/C5603AQHcX6mP1JfxMw/profile-displayphoto-shrink_100_100/profile-displayphoto-shrink_100_100/0/1628380888394?e=2147483647&v=beta&t=s3Dad_DpE8kjA-OfpTPXBAb4DAg69XWmexNDnHajz9s" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Susanne Tamir"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full ">  <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Susanne Tamir  </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Desert Design for web and Print </h4>  <div class="body-text text-color-text-low-emphasis base-main-card__metadata"> <div class="review-card__content"> <div class="review-card__centered-row"> <div class="review-card__star-container"> <span class="star-rating" role="img" aria-label="Rating: 5 von 5 Sternen"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/bpbxhol7nre2s6g3mt0uloped"></icon> </span> </span> </div> <span class="review-card__rating"> 5/5 </span> <span class="review-card__date"> 3. August 2022 </span> </div> <div class="review-card__text"> Ich habe seiner Zeit HTML und CSS mit der reihe Little Boxes von Peter Müller gelernt und dieser Kurs ist ein update und Vertiefung! Obwohl ich schon sehr lange CSS nutze, habe ich viel gelernt und tolle Quellen bekommen. Der Kurs ist aber auch für Anfänger toll, denn alles wird sehr klar mit Beispielen erklärt. Ich freue mich schon auf Teil drei! </div> <div class="review-card__centered-row review-card__actions"> <a class="review-card__centered-row review-card__action-button" aria-label="Der Kommentar von Susanne Tamir ist hilfreich" data-tracking-control-name="learning-course_review-card-helpful-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fwebtechniken-lernen-2-css-grundlagen-17200653&trk=learning-course_review-card-helpful-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5ptx189gjbxrh9wf3ncsehms9" data-svg-class-name="review-card__like-icon"></icon> Hilfreich </a> <span class="review-card__dot-delimiter">·</span> <a class="review-card__centered-row review-card__action-button" aria-label="Kommentar von Susanne Tamir melden" data-tracking-control-name="learning-course_review-card-report-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fwebtechniken-lernen-2-css-grundlagen-17200653&trk=learning-course_review-card-report-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/d04ze1wt0ev8ck8e4ovqk762o" data-svg-class-name="review-card__flag-icon"></icon> Melden </a> </div> </div> </div>  </div>  </div> </div> </li> </ul> </div> </section> </div> </section> <section class="right-rail papabear:w-right-rail-width papabear:ml-column-gutter mamabear:max-w-[790px] mamabear:px-mobile-container-padding babybear:max-w-[790px] babybear:px-mobile-container-padding"> <section class="table-of-contents mb-4 table-of-contents--with-max-height"> <h2 class="table-of-contents__header"> Inhalt </h2> <ul class="table-of-contents__list"> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Einleitung <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Einleitung <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/webseiten-gestalten-mit-css-teil-2-der-schulungsreihe-zu-den-wichtigsten-webtechnologien?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Webseiten gestalten mit CSS: Teil 2 der Schulungsreihe zu den wichtigsten Webtechnologien </div> <div class="table-of-contents__item-duration"> 1 Min. 11 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/was-sie-erwartet-und-was-sie-mitbringen-sollten?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Was Sie erwartet und was Sie mitbringen sollten </div> <div class="table-of-contents__item-duration"> 3 Min. 23 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 1. CSS kennenlernen: Syntax, Box-Modell, Farben und Einheiten <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 1. CSS kennenlernen: Syntax, Box-Modell, Farben und Einheiten <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/css-steht-fur-cascading-style-sheets?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> CSS steht für »Cascading Style Sheets« </div> <div class="table-of-contents__item-duration"> 3 Min. 26 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/jeder-browser-hat-ein-eingebautes-stylesheet?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Jeder Browser hat ein eingebautes Stylesheet </div> <div class="table-of-contents__item-duration"> 4 Min. 40 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/wichtige-vokabeln-der-aufbau-einer-css-regel?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Wichtige Vokabeln: der Aufbau einer CSS-Regel </div> <div class="table-of-contents__item-duration"> 3 Min. 46 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/html-und-css-miteinander-verbinden?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> HTML und CSS miteinander verbinden </div> <div class="table-of-contents__item-duration"> 4 Min. 37 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/box-modell-kennenlernen-padding-border-und-margin?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Box-Modell kennenlernen: padding, border und margin </div> <div class="table-of-contents__item-duration"> 5 Min. 1 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/farbnamen-und-hexadezimale-farbangaben?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Farbnamen und hexadezimale Farbangaben </div> <div class="table-of-contents__item-duration"> 5 Min. 4 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/wichtige-einheiten-px-em-prozent-rem-co?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Wichtige Einheiten: px, em, Prozent, rem & Co. </div> <div class="table-of-contents__item-duration"> 5 Min. 4 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/wissen-wo-es-steht-css-referenzen-zum-nachschlagen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Wissen, wo es steht: CSS-Referenzen zum Nachschlagen </div> <div class="table-of-contents__item-duration"> 4 Min. 29 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/challenge-was-ist-ein-css-reset-und-benotigt-man-so-etwas-heute-noch?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Challenge: Was ist ein CSS-Reset und benötigt man so etwas heute noch? </div> <div class="table-of-contents__item-duration"> 59 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/solution-css-reset?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Solution: CSS-Reset </div> <div class="table-of-contents__item-duration"> 4 Min. 39 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 2. Die wichtigsten Selektoren und Spezifität <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 2. Die wichtigsten Selektoren und Spezifität <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/elementselektoren-selektoren-gruppieren-und-das-sternchen-als-universalselektor?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Elementselektoren, Selektoren gruppieren und das Sternchen * als Universalselektor </div> <div class="table-of-contents__item-duration"> 3 Min. 1 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/klassen-sind-klasse-das-attribut-class-und-der-selektor-mit-dem-punkt?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Klassen sind klasse: das Attribut class und der Selektor mit dem Punkt </div> <div class="table-of-contents__item-duration"> 3 Min. 29 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/ids-sind-einmalig-das-attribut-id-und-der-selektor-mit-der-raute?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> IDs sind einmalig: das Attribut id und der Selektor mit der Raute </div> <div class="table-of-contents__item-duration"> 3 Min. 8 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/nachfahrenelemente-auswahlen-der-selektor-mit-der-leerstelle?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Nachfahrenelemente auswählen: der Selektor mit der Leerstelle </div> <div class="table-of-contents__item-duration"> 3 Min. 20 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/selektoren-zum-auswahlen-von-kindelementen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Selektoren zum Auswählen von Kindelementen </div> <div class="table-of-contents__item-duration"> 4 Min. 33 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/uberblick-attributselektoren-haben-eckige-klammern?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Überblick: Attributselektoren haben eckige Klammern </div> <div class="table-of-contents__item-duration"> 5 Min. 26 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/quellen-zum-nachschlagen-von-weiteren-selektoren?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Quellen zum Nachschlagen von weiteren Selektoren </div> <div class="table-of-contents__item-duration"> 1 Min. 46 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/spezifitat-einige-selektoren-sind-wichtiger-als-andere?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Spezifität: Einige Selektoren sind wichtiger als andere </div> <div class="table-of-contents__item-duration"> 4 Min. 59 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/challenge-tabelle-mit-zebrastreifen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Challenge: Tabelle mit Zebrastreifen </div> <div class="table-of-contents__item-duration"> 1 Min. 23 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/solution-zebrastreifen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Solution: Zebrastreifen </div> <div class="table-of-contents__item-duration"> 2 Min. 40 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 3. Die Kaskade – das »C« in »CSS« <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 3. Die Kaskade – das »C« in »CSS« <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/die-kaskade-important-spezifitat-und-reihenfolge-im-css?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Die Kaskade: !important, Spezifität und Reihenfolge im CSS </div> <div class="table-of-contents__item-duration"> 3 Min. 29 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/intuitiv-die-reihenfolge-im-css-entscheidet?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Intuitiv: Die Reihenfolge im CSS entscheidet </div> <div class="table-of-contents__item-duration"> 2 Min. 46 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/ungewohnt-spezifitat-ist-wichtiger-als-die-reihenfolge?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Ungewohnt: Spezifität ist wichtiger als die Reihenfolge </div> <div class="table-of-contents__item-duration"> 3 Min. 18 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/wichtig-important-gewinnt-fast-immer?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Wichtig: !important gewinnt fast immer </div> <div class="table-of-contents__item-duration"> 3 Min. 39 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/nichts-gefunden-vererbung-inheritance-oder-standardwert-initial-value?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Nichts gefunden? Vererbung (inheritance) oder Standardwert (initial value) </div> <div class="table-of-contents__item-duration"> 4 Min. 55 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/entwickler-tool-kaskade-und-vererbung-im-browser-analysieren?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Entwickler-Tool: Kaskade und Vererbung im Browser analysieren </div> <div class="table-of-contents__item-duration"> 2 Min. 57 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 4. Inhalte gestalten: Schrift und Text <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 4. Inhalte gestalten: Schrift und Text <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/klassiker-schriftarten-mit-und-ohne-serifen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Klassiker: Schriftarten mit und ohne Serifen </div> <div class="table-of-contents__item-duration"> 3 Min. 48 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/die-schriftart-definieren-mit-font-family?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Die Schriftart definieren mit font-family </div> <div class="table-of-contents__item-duration"> 4 Min. 12 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/schnell-und-gut-die-systemschrift-auf-dem-gerat-der-besucher?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Schnell und gut: die Systemschrift auf dem Gerät der Besucher </div> <div class="table-of-contents__item-duration"> 2 Min. 51 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/webfonts-die-schriftart-gleich-mitliefern?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Webfonts: die Schriftart gleich mitliefern </div> <div class="table-of-contents__item-duration"> 4 Min. 30 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/gut-lesbarer-fliesstext-mit-font-size-und-line-height?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Gut lesbarer Fließtext mit font-size und line-height </div> <div class="table-of-contents__item-duration"> 5 Min. 4 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/weitere-eigenschaften-zur-schrift-und-textgestaltung-im-uberblick?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Weitere Eigenschaften zur Schrift- und Textgestaltung im Überblick </div> <div class="table-of-contents__item-duration"> 4 Min. 11 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/schatten-im-text-mit-text-shadow?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Schatten im Text mit text-shadow </div> <div class="table-of-contents__item-duration"> 4 Min. 27 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/challenge-blocksatz-im-web?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Challenge: Blocksatz im Web </div> <div class="table-of-contents__item-duration"> 1 Min. 24 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/solution-blocksatz?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Solution: Blocksatz </div> <div class="table-of-contents__item-duration"> 4 Min. 53 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 5. Inhalte gestalten: Listen, Links und Bilder <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 5. Inhalte gestalten: Listen, Links und Bilder <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/listen-aufzahlungszeichen-gestalten-mit-list-style-und-dem-pseudoelement-marker?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Listen: Aufzählungszeichen gestalten mit list-style und dem Pseudoelement ::marker </div> <div class="table-of-contents__item-duration"> 4 Min. 17 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/hyperlinks-die-verschiedenen-zustande-mit-pseudoklassen-gestalten?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Hyperlinks: die verschiedenen Zustände mit Pseudoklassen gestalten </div> <div class="table-of-contents__item-duration"> 4 Min. 52 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/externe-hyperlinks-kennzeichnen-mit-dem-pseudoelement-after?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Externe Hyperlinks kennzeichnen mit dem Pseudoelement ::after </div> <div class="table-of-contents__item-duration"> 4 Min. 53 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/pixelbildern-eine-flexible-breite-geben-mit-max-width?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Pixelbildern eine flexible Breite geben mit max-width </div> <div class="table-of-contents__item-duration"> 2 Min. 32 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/3214136?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> SVG-Icons als <img> einbinden </div> <div class="table-of-contents__item-duration"> 4 Min. 25 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/svg-icons-als-code-einbinden-und-per-css-gestalten?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> SVG-Icons als Code einbinden und per CSS gestalten </div> <div class="table-of-contents__item-duration"> 3 Min. 11 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/challenge-akkordeon-ausklappbare-inhalte-mit-html-und-css?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Challenge: Akkordeon – ausklappbare Inhalte mit HTML und CSS </div> <div class="table-of-contents__item-duration"> 1 Min. 47 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/solution-akkordeon?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Solution: Akkordeon </div> <div class="table-of-contents__item-duration"> 4 Min. 22 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 6. Das Box-Modell im Detail <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 6. Das Box-Modell im Detail <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/die-breite-begrenzen-width-min-width-und-max-width?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Die Breite begrenzen: width, min-width und max-width </div> <div class="table-of-contents__item-duration"> 4 Min. 14 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/abstand-zwischen-text-und-rand-padding?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Abstand zwischen Text und Rand: padding </div> <div class="table-of-contents__item-duration"> 3 Min. 49 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/rahmenlinien-gestalten-mit-border-breite-stil-und-farbe?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Rahmenlinien gestalten mit border: Breite, Stil und Farbe </div> <div class="table-of-contents__item-duration"> 4 Min. 40 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/abstande-zwischen-den-elementen-mit-margin?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Abstände zwischen den Elementen mit margin </div> <div class="table-of-contents__item-duration"> 3 Min. 16 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/collapsing-margins-und-wie-man-sie-vermeidet?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Collapsing margins und wie man sie vermeidet </div> <div class="table-of-contents__item-duration"> 4 Min. 57 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/das-intuitivere-box-modell-box-sizing-border-box?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Das intuitivere Box-Modell: box-sizing: border-box </div> <div class="table-of-contents__item-duration"> 4 Min. 59 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/challenge-das-box-modell-fur-inline-boxen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Challenge: das Box-Modell für Inline-Boxen </div> <div class="table-of-contents__item-duration"> 1 Min. 22 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/solution-box-modell?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Solution: Box-Modell </div> <div class="table-of-contents__item-duration"> 3 Min. 27 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 7. Boxen gestalten per CSS <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 7. Boxen gestalten per CSS <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/grafiken-im-hintergrund-background?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Grafiken im Hintergrund: background </div> <div class="table-of-contents__item-duration"> 4 Min. 41 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/farbverlaufe-mit-linear-gradient?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Farbverläufe mit linear-gradient() </div> <div class="table-of-contents__item-duration"> 3 Min. 45 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/schattenboxen-mit-box-shadow?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Schattenboxen mit box-shadow </div> <div class="table-of-contents__item-duration"> 2 Min. 46 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/abgerundete-ecken-mit-border-radius?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Abgerundete Ecken mit border-radius </div> <div class="table-of-contents__item-duration"> 2 Min. 40 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/call-to-action-hyperlinks-als-button-gestalten?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Call To Action: Hyperlinks als Button gestalten </div> <div class="table-of-contents__item-duration"> 4 Min. 2 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/boxen-am-bildschirm-ausblenden-die-klasse-visually-hidden?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Boxen am Bildschirm ausblenden: die Klasse visually-hidden </div> <div class="table-of-contents__item-duration"> 4 Min. 22 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/challenge-kontaktseite-gestalten?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Challenge: Kontaktseite gestalten </div> <div class="table-of-contents__item-duration"> 1 Min. 13 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/solution-kontaktseite?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Solution: Kontaktseite </div> <div class="table-of-contents__item-duration"> 2 Min. 29 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 8. Ordnung halten: Stylesheets organisieren <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 8. Ordnung halten: Stylesheets organisieren <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/stylesheets-strukturieren-reihenfolge-der-regeln-und-kommentare?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Stylesheets strukturieren: Reihenfolge der Regeln und Kommentare </div> <div class="table-of-contents__item-duration"> 4 Min. 7 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/verschiedene-schreibweisen-fur-regeln-und-die-reihenfolge-der-deklarationen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Verschiedene Schreibweisen für Regeln und die Reihenfolge der Deklarationen </div> <div class="table-of-contents__item-duration"> 3 Min. 40 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/css-uberprufen-mit-dem-validator-vom-w3c?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> CSS überprüfen mit dem Validator vom W3C </div> <div class="table-of-contents__item-duration"> 3 Min. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/ein-zentrales-stylesheet-erleichtert-die-entwicklung?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Ein zentrales Stylesheet erleichtert die Entwicklung </div> <div class="table-of-contents__item-duration"> 3 Min. 1 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/challenge-modularisierung-mehrere-stylesheets-erstellen-und-die-css-regeln-verteilen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Challenge: Modularisierung – mehrere Stylesheets erstellen und die CSS-Regeln verteilen </div> <div class="table-of-contents__item-duration"> 1 Min. 29 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/solution-modulbauweise?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Solution: Modulbauweise </div> <div class="table-of-contents__item-duration"> 3 Min. 25 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Wie geht es weiter? Blick in Teil 3 der Kursreihe <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Wie geht es weiter? Blick in Teil 3 der Kursreihe <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/webtechniken-lernen-2-css-grundlagen-17200653/ausblick-auf-webtechniken-lernen-3-css-layout?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Ausblick auf Webtechniken lernen 3: CSS-Layout </div> <div class="table-of-contents__item-duration"> 3 Min. 29 Sek. </div> </div> </a> </li> </ul>  </div> </li> </ul> </section> <section class="aside-section-container mb-4 subscription-value-props-aside-section"> <h2 class="aside-section-container__title section-title"> Enthalten: </h2>  <div class="aside-section-container__content break-words"> <ul>  <li class="subscription-value-props-aside-section__list-item"> <span class="subscription-value-props-aside-section__value-prop-label">Wissenstests</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">8 Tests</span> </li> <li class="subscription-value-props-aside-section__list-item"> <span class="subscription-value-props-aside-section__value-prop-label">Lernen auch unterwegs</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">Zugriff via Tablet und Handy</span> </li>  </ul> </div> </section> <section class="aside-section-container mb-4 similar-courses-aside-section"> <h2 class="aside-section-container__title section-title"> Ähnliche Kurse anzeigen </h2>  <div class="aside-section-container__content break-words"> <ul> <li>  <a href="https://de.linkedin.com/learning/webtechniken-lernen-1-html?trk=learning-course_similar-courses" target="_self" data-tracking-control-name="learning-course_similar-courses" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 hover:show-play-button focus:show-play-button base-aside-card--link aside-learning-course-card">  <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative rounded-md h-[54px] w-[95px]"> <img class="base-aside-card__media-element w-[100px] h-full object-cover" alt data-delayed-url="https://media.licdn.com/dms/image/v2/C4D0DAQFPYdPx4sWq3A/learning-public-crop_144_256/learning-public-crop_144_256/0/1638362961748?e=2147483647&v=beta&t=Cs1_Pp6cjs-heU-4JP_ncbnXfanx44_rfArt5Ttz9-4"> <div class="aside-learning-course-card__duration duration">3 Std. 54 Min.</div> <icon class="base-aside-card__play-button w-auto play-button overlay-center" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-aside-card__play-button-svg"></icon> </div> <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative"> Webtechniken lernen 1: HTML  </h3>      </div>  </a> </li> </ul> </div> </section> <section class="aside-section-container mb-4"> <h2 class="aside-section-container__title section-title"> Kurse herunterladen </h2>  <div class="aside-section-container__content break-words"> <p>Sie können Kurse mit der LinkedIn Learning-App für iOS oder Android herunterladen und diese auch ohne Internetverbindung auf Ihrem Mobilgerät ansehen.</p> <div class="app-links-aside-section__link-container"> <a class="app-links-aside-section__link" href="https://itunes.apple.com/de/app/apple-store/id1084807225?ls=1&pt=10746&mt=8&ct=learning_course_app_links&trk=learning-course_apple-app-store" data-tracking-control-name="learning-course_apple-app-store" data-tracking-will-navigate rel="noopener noreferrer" target="_blank"> <img alt="Im App Store herunterladen" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/emczv26hz24woii2j4aleyry" height="42px" width="142px"> </a> <a class="app-links-aside-section__link" href="https://play.google.com/store/apps/details?id=com.linkedin.android.learning&referrer=utm_source=linkedinlearning&utm_medium=mobileWeb&utm_campaign=learning_guest&hl=de&ct=learning_course_app_links&trk=learning-course_google-play-store" data-tracking-control-name="learning-course_google-play-store" data-tracking-will-navigate rel="noopener noreferrer" target="_blank"> <img alt="Auf Google Play erhältlich" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/535kqf5rsexfx0lucb3t6palb" height="42px" width="142px"> </a> </div> </div> </section> </section> </main> <div class="pre-footer "> <section class="core-section-container my-3 price-disclaimer">    <div class="core-section-container__content break-words"> <p class="price-disclaimer__copy"> <sup class="price-disclaimer__copy--sup">*</sup>Der Preis ist abhängig vom beim Einloggen oder bei der Registrierung angegebenen Profil- und Rechnungsland. </p> </div> </section> <section class="tw-linkster bg-cool-gray-20 browse-map" data-impression-id="learning-course_linkster" data-js-module-id="linkster"> <div class="max-w-screen-content-max-w w-full flex justify-between my-0 mx-auto mamabear:px-3 babybear:px-2 babybear:flex-col"> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Themen der Kategorie „Business“ ansehen </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/fuhrung-und-berufliche-weiterentwicklung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Berufliche Weiterentwicklung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/business-software-und-tools?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Business-Software und Tools </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/diversity-equity-und-inclusion-dei?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Diversity, Equity, Inclusion und Belonging (DEIB) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/finanz-und-rechnungswesen?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Finanz- und Rechnungswesen </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/fuhrung-und-management-15955952?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Führung und Management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/karriere-entwicklung-15962768?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Karriere-Entwicklung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/kleinunternehmen-und-unternehmertum?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Kleinunternehmen und Unternehmertum </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/kundenservice-15962236?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Kundenservice </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/marketing-3?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Marketing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/personalwesen-15962946?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Personalwesen </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/projektmanagement-15955944?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Projektmanagement </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/training-und-bildung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Training und Bildung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/unternehmensanalyse-und-strategie?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Unternehmensanalyse und -strategie </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/verkauf-und-vertrieb-15961401?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Verkauf und Vertrieb </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="Alle Kurse anzeigen: Business" href="https://de.linkedin.com/learning/topics/business-2?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> Alle anzeigen </a> </div> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Themen der Kategorie „Kreativität“ ansehen </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/animation-und-illustration?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Animation und Illustration </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/architektur-ingenieur-und-bauwesen-aec?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Architektur-, Ingenieur- und Bauwesen (AEC) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/audio-und-musik?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Audio und Musik </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/bildbearbeitung-fotografie-2?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Bildbearbeitung und Fotografie </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/grafikdesign?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Grafikdesign </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/motion-design-und-visuelle-effekte?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Motion-Design und Visuelle Effekte </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/produkt-und-herstellung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Produkt und Herstellung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/user-experience-15995392?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> User Experience </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/video-audio-2?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Video </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/visualisierung-und-echtzeit-rendering?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Visualisierung und Echtzeit-Rendering </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/webdesign-und-ux?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Webdesign </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="Alle Kurse anzeigen: Kreativität" href="https://de.linkedin.com/learning/topics/kreativitat?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> Alle anzeigen </a> </div> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Themen der Kategorie „Technik“ ansehen </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/cloud-computing-16105209?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Cloud-Computing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/data-science-15956724?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Data Science </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/datenbankverwaltung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Datenbankverwaltung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/devops-16105665?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> DevOps </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/hardware?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Hardware </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/it-support-2?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> IT-Helpdesk </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/informations-und-it-sicherheit?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> IT-Sicherheit und Cybersecurity </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/kunstliche-intelligenz-ki?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Künstliche Intelligenz (KI) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/mobile-entwicklung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Mobile Entwicklung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/it-operations-und-it-sicherheit?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Netzwerk- und Systemadministration </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/softwareentwicklung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Softwareentwicklung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/webentwicklung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Webentwicklung </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="Alle Kurse anzeigen: Technik" href="https://de.linkedin.com/learning/topics/technik?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> Alle anzeigen </a> </div> </div> </section> </div> <footer class="li-footer bg-transparent w-full "> <ul class="li-footer__list flex flex-wrap flex-row items-start justify-start w-full h-auto min-h-[50px] my-[0px] mx-auto py-3 px-2 papabear:w-[1128px] papabear:p-0"> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <span class="sr-only">LinkedIn</span> <icon class="li-footer__copy-logo text-color-logo-brand-alt inline-block self-center h-[14px] w-[56px] mr-1" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5mebydpuuijm3uhv1q375inqh"></icon> <span class="li-footer__copy-text flex items-center">© 2025</span> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://about.linkedin.com?trk=d_learning_course_guest_footer-about" data-tracking-control-name="d_learning_course_guest_footer-about" data-tracking-will-navigate> Info </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/accessibility?trk=d_learning_course_guest_footer-accessibility" data-tracking-control-name="d_learning_course_guest_footer-accessibility" data-tracking-will-navigate> Barrierefreiheit </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/user-agreement?trk=d_learning_course_guest_footer-user-agreement" data-tracking-control-name="d_learning_course_guest_footer-user-agreement" data-tracking-will-navigate> Nutzervereinbarung </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/privacy-policy?trk=d_learning_course_guest_footer-privacy-policy" data-tracking-control-name="d_learning_course_guest_footer-privacy-policy" data-tracking-will-navigate> Datenschutzrichtlinie </a> </li>  <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/cookie-policy?trk=d_learning_course_guest_footer-cookie-policy" data-tracking-control-name="d_learning_course_guest_footer-cookie-policy" data-tracking-will-navigate> Cookie-Richtlinie </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/copyright-policy?trk=d_learning_course_guest_footer-copyright-policy" data-tracking-control-name="d_learning_course_guest_footer-copyright-policy" data-tracking-will-navigate> Copyright-Richtlinie </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://brand.linkedin.com/policies?trk=d_learning_course_guest_footer-brand-policy" data-tracking-control-name="d_learning_course_guest_footer-brand-policy" data-tracking-will-navigate> Markenrichtlinine </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/psettings/guest-controls?trk=d_learning_course_guest_footer-guest-controls" data-tracking-control-name="d_learning_course_guest_footer-guest-controls" data-tracking-will-navigate> Einstellungen für Nichtmitglieder </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-solid-secondary hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/professional-community-policies?trk=d_learning_course_guest_footer-community-guide" data-tracking-control-name="d_learning_course_guest_footer-community-guide" data-tracking-will-navigate> Community-Richtlinien </a> </li>  <li class="li-footer__item font-sans text-xs text-color-text-solid-secondary flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <div class="collapsible-dropdown collapsible-dropdown--footer collapsible-dropdown--up flex items-center relative hyphens-auto language-selector z-2">  <ul class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-[100%] top-auto" role="menu" tabindex="-1"> <li class="language-selector__item" role="presentation">  <button aria-label="العربية (Arabisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ar_AE" data-locale="ar_AE" role="menuitem" lang="ar_AE"> العربية (Arabisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="বাংলা (Bengali)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-bn_IN" data-locale="bn_IN" role="menuitem" lang="bn_IN"> বাংলা (Bengali) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Čeština (Tschechisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-cs_CZ" data-locale="cs_CZ" role="menuitem" lang="cs_CZ"> Čeština (Tschechisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Dansk (Dänisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-da_DK" data-locale="da_DK" role="menuitem" lang="da_DK"> Dansk (Dänisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Deutsch ausgewählt" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link--selected" data-tracking-control-name="language-selector-de_DE" data-locale="de_DE" role="menuitem" lang="de_DE"> <strong>Deutsch</strong> </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Ελανεκα (Griechisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-el_GR" data-locale="el_GR" role="menuitem" lang="el_GR"> Ελανεκα (Griechisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="English (Englisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-en_US" data-locale="en_US" role="menuitem" lang="en_US"> English (Englisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Español (Spanisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-es_ES" data-locale="es_ES" role="menuitem" lang="es_ES"> Español (Spanisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="فارسی (Persisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fa_IR" data-locale="fa_IR" role="menuitem" lang="fa_IR"> فارسی (Persisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Suomi (Finnisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fi_FI" data-locale="fi_FI" role="menuitem" lang="fi_FI"> Suomi (Finnisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Français (Französisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fr_FR" data-locale="fr_FR" role="menuitem" lang="fr_FR"> Français (Französisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="हिंदी (Hindi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hi_IN" data-locale="hi_IN" role="menuitem" lang="hi_IN"> हिंदी (Hindi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Magyar (Ungarisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hu_HU" data-locale="hu_HU" role="menuitem" lang="hu_HU"> Magyar (Ungarisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Bahasa Indonesia (Indonesisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-in_ID" data-locale="in_ID" role="menuitem" lang="in_ID"> Bahasa Indonesia (Indonesisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Italiano (Italienisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-it_IT" data-locale="it_IT" role="menuitem" lang="it_IT"> Italiano (Italienisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="עברית (Hebräisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-iw_IL" data-locale="iw_IL" role="menuitem" lang="iw_IL"> עברית (Hebräisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="日本語 (Japanisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ja_JP" data-locale="ja_JP" role="menuitem" lang="ja_JP"> 日本語 (Japanisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="한국어 (Koreanisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ko_KR" data-locale="ko_KR" role="menuitem" lang="ko_KR"> 한국어 (Koreanisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="मराठी (Marathi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-mr_IN" data-locale="mr_IN" role="menuitem" lang="mr_IN"> मराठी (Marathi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Bahasa Malaysia (Malaysisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ms_MY" data-locale="ms_MY" role="menuitem" lang="ms_MY"> Bahasa Malaysia (Malaysisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Nederlands (Niederländisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-nl_NL" data-locale="nl_NL" role="menuitem" lang="nl_NL"> Nederlands (Niederländisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Norsk (Norwegisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-no_NO" data-locale="no_NO" role="menuitem" lang="no_NO"> Norsk (Norwegisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="ਪੰਜਾਬੀ (Punjabi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pa_IN" data-locale="pa_IN" role="menuitem" lang="pa_IN"> ਪੰਜਾਬੀ (Punjabi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Polski (Polnisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pl_PL" data-locale="pl_PL" role="menuitem" lang="pl_PL"> Polski (Polnisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Português (Portugiesisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pt_BR" data-locale="pt_BR" role="menuitem" lang="pt_BR"> Português (Portugiesisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Română (Rumänisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ro_RO" data-locale="ro_RO" role="menuitem" lang="ro_RO"> Română (Rumänisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Русский (Russisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ru_RU" data-locale="ru_RU" role="menuitem" lang="ru_RU"> Русский (Russisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Svenska (Schwedisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-sv_SE" data-locale="sv_SE" role="menuitem" lang="sv_SE"> Svenska (Schwedisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="తెలుగు (Telugu)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-te_IN" data-locale="te_IN" role="menuitem" lang="te_IN"> తెలుగు (Telugu) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="ภาษาไทย (Thai)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-th_TH" data-locale="th_TH" role="menuitem" lang="th_TH"> ภาษาไทย (Thai) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Tagalog (Tagalog)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tl_PH" data-locale="tl_PH" role="menuitem" lang="tl_PH"> Tagalog (Tagalog) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Türkçe (Türkisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tr_TR" data-locale="tr_TR" role="menuitem" lang="tr_TR"> Türkçe (Türkisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Українська (Ukrainisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-uk_UA" data-locale="uk_UA" role="menuitem" lang="uk_UA"> Українська (Ukrainisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Tiếng Việt (Vietnamesisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-vi_VN" data-locale="vi_VN" role="menuitem" lang="vi_VN"> Tiếng Việt (Vietnamesisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="简体中文 (Chinesisch vereinfacht)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_CN" data-locale="zh_CN" role="menuitem" lang="zh_CN"> 简体中文 (Chinesisch vereinfacht) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="正體中文 (Chinesisch traditionell)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_TW" data-locale="zh_TW" role="menuitem" lang="zh_TW"> 正體中文 (Chinesisch traditionell) </button> </li>  </ul> <button class="language-selector__button select-none relative pr-2 font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover hover:cursor-pointer focus:text-color-link-focus focus:outline-dotted focus:outline-1" aria-expanded="false" data-tracking-control-name="footer-lang-dropdown_trigger"> <span class="language-selector__label-text mr-0.5 break-words"> Sprache </span> <icon class="language-selector__label-chevron w-2 h-2 absolute top-0 right-0" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> </div> </li> </ul>  </footer> <script src="https://static.licdn.com/aero-v1/sc/h/as3vk6nnjupk6jksi4ubjd0y1" async></script>  <script src="https://static.licdn.com/aero-v1/sc/h/bcsfy87wvtxov3h3cbs3bgg6u" async defer></script> <script data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7gn2uuju037ntow3gitcnf92h" data-module-id="media-player"></script> <code id="trackingData" style="display: none"></code> <code id="alcOnlyData" style="display: none"></code>  </body> </html>

CINXE.COM

Onlinekurs: Webtechniken lernen 2: CSS-Grundlagen | LinkedIn Learning, früher Lynda.com