CSS Fundamentals: Unlock the Power of Web Styling Online Class

<!DOCTYPE html> <html lang="en"> <head> <meta name="pageKey" content="d_learning_course_guest">  <meta name="locale" content="en_US"> <meta id="config" data-app-version="2.0.2343" data-call-tree-id="AAYuUInhXIx5+bixjCcDuA==" data-multiproduct-name="learning-guest-frontend" data-service-name="learning-guest-frontend" data-browser-id="e0c43f10-9e13-475a-8773-bf6e4e132178" data-enable-page-view-heartbeat-tracking data-page-instance="urn:li:page:learning_course_guest;eY4ILe/0SWiUQ2/gtvblrQ==" 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"> <link rel="canonical" href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling">     <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>CSS Fundamentals: Unlock the Power of Web Styling Online Class | LinkedIn Learning, formerly Lynda.com</title> <meta name="robots" content="noarchive, max-image-preview:large"> <meta name="description" content="Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you."> <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="CSS Fundamentals: Unlock the Power of Web Styling Online Class | LinkedIn Learning, formerly Lynda.com"> <meta name="twitter:title" content="CSS Fundamentals: Unlock the Power of Web Styling Online Class | LinkedIn Learning, formerly Lynda.com"> <meta property="og:description" content="Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you."> <meta name="twitter:description" content="Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you."> <meta property="og:image" content="https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg"> <meta name="twitter:image" content="https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg">  <meta property="og:url" content="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling"> <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/bhnsb9vw0f84m4sarx55jrypn"> <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":"PT1H30M43S","instructor":[{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"}]},"inLanguage":"en","name":"CSS Fundamentals: Unlock the Power of Web Styling","offers":[{"@type":"Offer","category":"Subscription"},{"@type":"Offer","category":"Paid","price":"30.27","priceCurrency":"SGD"}],"description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","image":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","creator":[{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"}],"author":[{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"}],"dateCreated":"2022-06-28","datePublished":"2022-06-28","thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","timeRequired":"PT1H30M43S","totalHistoricalEnrollment":28387,"url":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling","about":[{"@type":"Thing","url":"https://www.linkedin.com/learning/topics/css-2","name":"Cascading Style Sheets (CSS)"}],"hasPart":[[{"@type":"VideoObject","name":"Time to learn some CSS - Introduction","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT48S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/time-to-learn-some-css"}],[{"@type":"VideoObject","name":"What is CSS? - 1. CSS Basics","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT3M52S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/what-is-css"},{"@type":"VideoObject","name":"What are default browser styles? - 1. CSS Basics","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT2M41S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/what-are-default-browser-styles"},{"@type":"VideoObject","name":"What is basic CSS lexicon? - 1. CSS Basics","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT3M22S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/what-is-basic-css-lexicon"},{"@type":"VideoObject","name":"What are basic selector types? - 1. CSS Basics","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT4M3S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/what-are-basic-selector-types"},{"@type":"VideoObject","name":"What are CSS combinators? - 1. CSS Basics","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT2M18S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/what-are-css-combinators"},{"@type":"VideoObject","name":"How does CSS work with HTML? - 1. CSS Basics","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT4M40S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/how-does-css-work-with-html"},{"@type":"VideoObject","name":"What options are available to write your styles? - 1. CSS Basics","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT2M44S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/what-options-are-available-to-write-your-styles"},{"@type":"VideoObject","name":"How do browsers render styles? - 1. CSS Basics","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT3M53S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/how-do-browsers-render-styles"}],[{"@type":"VideoObject","name":"Why CSS reset and normalize matter - 2. CSS Concepts","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT2M56S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/why-css-reset-and-normalize-matter"},{"@type":"VideoObject","name":"Working with fonts - 2. CSS Concepts","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT4M45S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/working-with-fonts"},{"@type":"VideoObject","name":"Understanding the box model - 2. CSS Concepts","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT4M12S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/understanding-the-box-model"},{"@type":"VideoObject","name":"Setting margins and padding - 2. CSS Concepts","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT3M39S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/setting-margins-and-padding"},{"@type":"VideoObject","name":"Working with color - 2. CSS Concepts","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT6M15S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/working-with-color"},{"@type":"VideoObject","name":"Applying borders and backgrounds - 2. CSS Concepts","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT4M56S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/applying-borders-and-backgrounds"},{"@type":"VideoObject","name":"Understanding the units of measurement - 2. CSS Concepts","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT3M6S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/understanding-the-units-of-measurement"}],[{"@type":"VideoObject","name":"Understanding cascading order - 3. A Closer Look at the Cascade","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT4M26S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/understanding-cascading-order"},{"@type":"VideoObject","name":"Calculating specificity - 3. A Closer Look at the Cascade","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT1M50S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/calculating-specificity"},{"@type":"VideoObject","name":"Considering the rule !important - 3. A Closer Look at the Cascade","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT2M12S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/considering-the-rule-important"}],[{"@type":"VideoObject","name":"Structuring a page with CSS - 4. Layouts","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT3M","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/structuring-a-page-with-css"},{"@type":"VideoObject","name":"Understanding how flexbox works - 4. Layouts","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT2M26S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/understanding-how-flexbox-works"},{"@type":"VideoObject","name":"Understanding how the CSS Grid works - 4. Layouts","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT2M7S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/understanding-how-the-css-grid-works"},{"@type":"VideoObject","name":"Understanding CSS frameworks - 4. Layouts","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT1M17S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/understanding-css-frameworks"},{"@type":"VideoObject","name":"Creating responsive layouts - 4. Layouts","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT2M47S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/creating-responsive-layouts"}],[{"@type":"VideoObject","name":"Organizing your code - 5. Working with CSS","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT4M4S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/organizing-your-code"},{"@type":"VideoObject","name":"Using browser inspection tools - 5. Working with CSS","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT2M42S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/using-browser-inspection-tools"},{"@type":"VideoObject","name":"Using the \"Can I use...\" for a CSS property - 5. Working with CSS","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT2M40S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/using-the-can-i-use-for-a-css-property"},{"@type":"VideoObject","name":"Validating your CSS with tools - 5. Working with CSS","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT1M54S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/validating-your-css-with-tools"}],[{"@type":"VideoObject","name":"Learning more about CSS - Conclusion","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT1M8S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/learning-more-about-css"}]],"syllabusSections":[{"@type":"Syllabus","name":"Time to learn some CSS","timeRequired":"PT48S"},{"@type":"Syllabus","name":"What is CSS?","timeRequired":"PT3M52S","description":"Cascading Style Sheets are what make the web visually interesting. In this video, Carrie Dils lays the foundation of what CSS does."},{"@type":"Syllabus","name":"What are default browser styles?","timeRequired":"PT2M41S","description":"Browsers need a way to display HTML content visually. In this video, learn what styles browsers bring to the table."},{"@type":"Syllabus","name":"What is basic CSS lexicon?","timeRequired":"PT3M22S","description":"Like any programming language, CSS has its own syntax or set of formatting rules. In this video, learn a few basic terms used in the language of CSS."},{"@type":"Syllabus","name":"What are basic selector types?","timeRequired":"PT4M3S","description":"Want to style a particular element on a page such as a paragraph of text or a heading? In this video, learn how CSS selectors are used to target particular bits of HTML."},{"@type":"Syllabus","name":"What are CSS combinators?","timeRequired":"PT2M18S","description":"The descendant selector is just one of four CSS combinators you have available to help you target specific elements. In this video, learn how to recognize the four types of combinators in CSS."},{"@type":"Syllabus","name":"How does CSS work with HTML?","timeRequired":"PT4M40S","description":"CSS works with the structure of your HTML document allowing the browser to parse the HTML code, find the right element, and style it accordingly. In this video, learn some best practices for authoring HTML and how it impacts your CSS."},{"@type":"Syllabus","name":"What options are available to write your styles?","timeRequired":"PT2M44S","description":"When authoring CSS, you have a few options available to you as to where you can write your styles. In this video, learn what those options are and how they impact your site."},{"@type":"Syllabus","name":"How do browsers render styles?","timeRequired":"PT3M53S","description":"In this video, learn how browsers render styles and apply them to an HTML document. Selectors, the cascade, inheritance, and specificity all factor in to how styles are applied."},{"@type":"Syllabus","name":"Why CSS reset and normalize matter","timeRequired":"PT2M56S","description":"Every browser has a built-in style sheet that helps make a more readable document in the event there are not styles applied. CSS normalize and CSS reset are two methods for providing consistent base styling. In this video, learn how both work."},{"@type":"Syllabus","name":"Working with fonts","timeRequired":"PT4M45S","description":"In this video, learn about the most basic font properties so that you can immediately start controlling the appearance of text on a web page."},{"@type":"Syllabus","name":"Understanding the box model","timeRequired":"PT4M12S","description":"At the core of understanding how elements are positioned in relationship to each other is the box model. In this video, learn about the basics of working with the box model."},{"@type":"Syllabus","name":"Setting margins and padding","timeRequired":"PT3M39S","description":"Margins and padding are used to create space inside and around elements. In this video, learn how to add margins and padding to an element in both the longhand and shorthand notations."},{"@type":"Syllabus","name":"Working with color","timeRequired":"PT6M15S","description":"CSS gives you a lot of flexibility when it comes to defining colors for borders, backgrounds, and elements. In this video, learn about RGB color, hex color, and HSL."},{"@type":"Syllabus","name":"Applying borders and backgrounds","timeRequired":"PT4M56S","description":"Borders and backgrounds are a powerful way to add visual interest to a page. In this video, learn how to define borders by style, width, and color. Learn how to work with background colors, images, and even gradients."},{"@type":"Syllabus","name":"Understanding the units of measurement","timeRequired":"PT3M6S","description":"The four most common units of measurement you work with as you learn CSS are pixels, ems, rems, and percentages. In this video, Carrie Dils unpacks what each of these are and how to use them to set sizes for CSS elements and fonts."},{"@type":"Syllabus","name":"Understanding cascading order","timeRequired":"PT4M26S","description":"The way cascade behaves is foundational to understanding CSS. In this video, learn some additional details about how cascading and inheritance work to apply CSS to HTML."},{"@type":"Syllabus","name":"Calculating specificity","timeRequired":"PT1M50S","description":"If multiple CSS selectors are targeting the same HTML element and trying to assign the same property or properties, the selector with the highest specificity value wins. In this video, learn how specificity is weighted."},{"@type":"Syllabus","name":"Considering the rule !important","timeRequired":"PT2M12S","description":"When an important rule is used on a style declaration, this declaration overrides any other declarations making it an incredibly powerful rule. With great power comes great responsibility. In this video, Carrie Dils discusses what you should consider before using it."},{"@type":"Syllabus","name":"Structuring a page with CSS","timeRequired":"PT3M","description":"In this video, Carrie Dils introduces you to layout concepts and terminology so that you are familiar with them as you begin to experiment and learn how to control page layouts with CSS."},{"@type":"Syllabus","name":"Understanding how flexbox works","timeRequired":"PT2M26S","description":"Flexbox is a one-dimensional, or single axis, layout model that offers a powerful way of controlling how elements are laid out relative to their parent container. In this video, Carrie Dils provides a quick introduction to the topic."},{"@type":"Syllabus","name":"Understanding how the CSS Grid works","timeRequired":"PT2M7S","description":"CSS Grid is an amazing two-dimensional, grid-based layout system. In this video, Carrie Dils provides a quick introduction to the topic."},{"@type":"Syllabus","name":"Understanding CSS frameworks","timeRequired":"PT1M17S","description":"A CSS framework is a collection of CSS files with predefined rules for commonly used items like typography, HTML elements, and layouts. In this video, Carrie Dils highlights some benefits of using a framework as well as some popular frameworks."},{"@type":"Syllabus","name":"Creating responsive layouts","timeRequired":"PT2M47S","description":"Responsive design is a way of building websites that change the layout and content based on a user's device. In this video, Carrie Dils shares various methods you can employ to achieve a responsive layout in CSS."},{"@type":"Syllabus","name":"Organizing your code","timeRequired":"PT4M4S","description":"In this video, Carrie Dils shares tips for keeping your CSS clean and well-organized. These techniques make your code easier to work with for both yourself and other developers."},{"@type":"Syllabus","name":"Using browser inspection tools","timeRequired":"PT2M42S","description":"Browsers have built-in developer tools that are helpful when building websites. The inspection tool in particular is invaluable for testing, troubleshooting, or just trying out different CSS. In this video, learn how to access browser inspection tools for desktop versions of Firefox, Chrome, and Safari."},{"@type":"Syllabus","name":"Using the \"Can I use...\" for a CSS property","timeRequired":"PT2M40S","description":"CSS is always evolving and not all browsers roll out support for new features at the same time. \"Can I use...\" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. In this video, Carrie Dils demonstrates how to use this tool to determine if it is safe to use a CSS feature."},{"@type":"Syllabus","name":"Validating your CSS with tools","timeRequired":"PT1M54S","description":"Validating CSS is simply the process of making sure there are no syntax errors or invalid code. In this video, learn about several tools you can use to make sure your CSS is error free."},{"@type":"Syllabus","name":"Learning more about CSS","timeRequired":"PT1M8S","description":"This course is enough to get you up and running with CSS, but if you really want to dig in deeper, Carrie Dils makes some recommendations for courses to take next."}],"aggregateRating":{"@type":"AggregateRating","ratingCount":789,"ratingValue":4.7,"bestRating":5,"worstRating":1},"review":[{"@type":"Review","author":{"@type":"Person","name":"Odair Marra","jobTitle":"Diretor Financeiro Administrativo | CFO | Gestão Corporativa com foco no resultado e construção de valor para equipe e empresa.","url":"https://br.linkedin.com/in/odairmarra"},"reviewRating":{"@type":"Rating","ratingValue":5},"reviewBody":"Great instructions!","datePublished":"2025-02-12T00:00:00.508Z","publisher":{"@type":"Organization","name":"LinkedIn"},"bestRating":5,"worstRating":1},{"@type":"Review","author":{"@type":"Person","name":"Collins O Attah","jobTitle":"Web and Computer Programmer || Social Media Manager || Content Creator || HVAC Engineer || Maintenance Engineer","url":"https://ng.linkedin.com/in/attahcollinso"},"reviewRating":{"@type":"Rating","ratingValue":5},"reviewBody":"This is awesome. I am getting more than I expected.","datePublished":"2024-08-23T11:07:44.156Z","publisher":{"@type":"Organization","name":"LinkedIn"},"bestRating":5,"worstRating":1}],"video":{"@type":"VideoObject","name":"Time to learn some CSS - CSS Fundamentals: Unlock the Power of Web Styling","author":{"@type":"Person","name":"Carrie Dils","description":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","jobTitle":"Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker","url":"https://www.linkedin.com/in/carriedils","image":"https://media.licdn.com/dms/image/v2/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg","description":"Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.","duration":"PT48S","datePublished":"2022-06-28","uploadDate":"2022-06-28","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/time-to-learn-some-css"},"educationalLevel":"Beginner","educationalCredentialAwarded":[{"@type":"EducationalOccupationalCredential","name":"LinkedIn Learning Certificate of Completion","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"> Skip to main content </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="Primary"> <a href="https://www.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">  Search skills, subjects, or software  </div> <span class="sr-only">Expand search</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/7asbl4deqijhoy3z2ivveispv"></icon> </button> <div id="switcher-description" class="hidden">This button displays the currently selected search type. When expanded it provides a list of search options that will switch the search inputs to match the current selection. </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"> People </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="Close" 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="First Name" 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="First Name" 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">Clear text</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="Last Name" 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="Last Name" 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">Clear text</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="Search" 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="Search job titles or companies" 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="Search job titles or companies" 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">Clear text</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="Location" 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="Location" role="combobox" value="Singapore" 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">Clear text</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="Search" 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="Search skills, subjects, or 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="Search skills, subjects, or 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">Clear text</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="Search" 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://www.linkedin.com/learning/subscription/products?courseSlug=css-fundamentals-unlock-the-power-of-web-styling&destRedirectURL=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fcss-fundamentals-unlock-the-power-of-web-styling&trk=learning-course_nav-header-join&upsellTrk=lil_upsell_nav_subscription&session_redirect=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fcss-fundamentals-unlock-the-power-of-web-styling%3Ftrk%3Dlearning-topics_learning-search-card_search-card" 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> Start free trial </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%2Fcss-fundamentals-unlock-the-power-of-web-styling%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&fromSignIn=true&session_redirect=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fcss-fundamentals-unlock-the-power-of-web-styling%3Ftrk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_nav-header-signin" data-tracking-control-name="learning-course_nav-header-signin" data-tracking-will-navigate> Sign in </a> <a aria-label="Sign in" 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%2Fcss-fundamentals-unlock-the-power-of-web-styling%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&fromSignIn=true&session_redirect=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fcss-fundamentals-unlock-the-power-of-web-styling%3Ftrk%3Dlearning-topics_learning-search-card_search-card&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"> Solutions for: </p> <a href="https://learning.linkedin.com/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">Business</a> <a href="https://learning.linkedin.com/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">Higher Education</a> <a href="https://learning.linkedin.com/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">Government</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">Buy for my team</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://www.linkedin.com/learning/browse?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>All topics</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://www.linkedin.com/learning/topics/creative?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Creative</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://www.linkedin.com/learning/topics/web-design?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Web Design</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://www.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":"All topics","item":"https://www.linkedin.com/learning/browse"},{"@type":"ListItem","position":2,"name":"Creative","item":"https://www.linkedin.com/learning/topics/creative"},{"@type":"ListItem","position":3,"name":"Web Design","item":"https://www.linkedin.com/learning/topics/web-design"},{"@type":"ListItem","position":4,"name":"Web Standards","item":"https://www.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="CSS Fundamentals: Unlock the Power of Web Styling" data-delayed-url="https://media.licdn.com/dms/image/v2/C560DAQHjUKCxwq_Ciw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1656092319307?e=2147483647&v=beta&t=95IrNDbR2RY9qkesxk5VxR6sQhcemjC5_Nm1DMMhVxg"> <a class="top-card__overlay-button" data-tracking-control-name="course_preview" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/time-to-learn-some-css?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">Preview</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"> CSS Fundamentals: Unlock the Power of Web Styling </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">With Carrie Dils</span> <span class="top-card__headline-row-item">Liked by 1,069 users</span> </div> <div class="top-card__headline-row"> <span class="top-card__headline-row-item">Duration: 1h 30m</span> <span class="top-card__headline-row-item">Skill level: Beginner</span> <span class="top-card__headline-row-item">Released: 6/28/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://www.linkedin.com/learning/subscription/products?courseSlug=css-fundamentals-unlock-the-power-of-web-styling&destRedirectURL=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fcss-fundamentals-unlock-the-power-of-web-styling&trk=course_info&upsellTrk=lil_upsell_course_info_subscription" 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> Start my 1-month free trial </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> Buy for my team </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"> Course details </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"> Once you have learned the basics of HTML, it's time to start exploring Cascading Style Sheets (CSS), the language that makes HTML look great in the browser. This course gives you a tour of the possibilities, showing what CSS is capable of doing and the basics you need to make it work for you. Join Carrie Dils as she explains what CSS is and how it works with HTML, discusses authoring options, and covers common CSS concepts such as the CSS box model and how to work with fonts and color. You can watch this course in order from start to finish, or jump around to the specific topics that interest you. If you want to learn the fundamentals of CSS and lay the foundation for working with styles on the web, check out this course. </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"> Skills you’ll gain </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"> Earn a sharable certificate </h2>  <div class="core-section-container__content break-words"> <p class="course-certificate__body-paragraph">Share what you’ve learned, and be a standout professional in your desired industry with a certificate showcasing your knowledge gained from the course.</p> <div class="course-certificate__image-container"> <img class="course-certificate__certificate-image" alt="Sample certificate" 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>Certificate of Completion</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">Showcase on your LinkedIn profile under “Licenses and Certificate” section</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">Download or print out as PDF to share with others</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">Share as image online to demonstrate your skill</p> </li> </ul> </div> </div> </div> </section> <section class="core-section-container my-3 course-instructors">  <h2 class="core-section-container__title section-title"> Meet the instructor </h2>  <div class="core-section-container__content break-words"> <ul class="course-instructors__list"> <li class="course-instructors__list-item"> <a href="https://www.linkedin.com/in/carriedils?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/D5603AQEMP4g6CaMIsQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1668792236136?e=2147483647&v=beta&t=XckC4jfMiGDVfiXiIrEYl_2g_laKwnaMtOxrmIp36_I" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Click here to view Carrie Dils’ instructor page"> <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 "> Carrie Dils </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Small Business Consultant, Front-End Web Instructor, WordPress Developer, Speaker </h4>   </div>  </a> </li> </ul> </div> </section> <section class="core-section-container my-3 reviews-feed">  <h2 class="core-section-container__title section-title"> Learner reviews </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.7</span> <span class="ratings-summary__rating-max">out of 5</span></h3> <figure class="ratings-summary__figure"> <span class="star-rating" role="img" aria-label="Rating: 4.7 out of 5 stars"> <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/cg0ud3t24av7pe8eamnp39hfq"></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/cg0ud3t24av7pe8eamnp39hfq"></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/cg0ud3t24av7pe8eamnp39hfq"></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/cg0ud3t24av7pe8eamnp39hfq"></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/7dacecy4xq1otzk8pae2g0hxd"></icon> </span> </span> <figcaption class="ratings-summary__ratings-total">789 ratings</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">How are ratings calculated?</span> </button> <span role="tooltip" class="tooltip__popup" aria-hidden="true"> The overall rating is calculated using the average of submitted ratings. Ratings and reviews can only be submitted when non-anonymous learners complete at least 40% of the course. This helps us avoid fake reviews and spam. </span> </div> </div> <ul> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 5 star </figcaption> <progress class="ratings-summary__progress-bar" max="789" value="605" aria-valuemin="0" aria-valuenow="605" aria-valuemax="789"> Current value: 605 </progress> <span class="ratings-summary__rating-count-percent"> 77% </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 4 star </figcaption> <progress class="ratings-summary__progress-bar" max="789" value="155" aria-valuemin="0" aria-valuenow="155" aria-valuemax="789"> Current value: 155 </progress> <span class="ratings-summary__rating-count-percent"> 20% </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 3 star </figcaption> <progress class="ratings-summary__progress-bar" max="789" value="21" aria-valuemin="0" aria-valuenow="21" aria-valuemax="789"> Current value: 21 </progress> <span class="ratings-summary__rating-count-percent"> 3% </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 2 star </figcaption> <progress class="ratings-summary__progress-bar" max="789" value="5" aria-valuemin="0" aria-valuenow="5" aria-valuemax="789"> Current value: 5 </progress> <span class="ratings-summary__rating-count-percent"> <1% </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 1 star </figcaption> <progress class="ratings-summary__progress-bar" max="789" value="3" aria-valuemin="0" aria-valuenow="3" aria-valuemax="789"> Current value: 3 </progress> <span class="ratings-summary__rating-count-percent"> <1% </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://br.linkedin.com/in/odairmarra" data-tracking-control-name="learning-course" data-tracking-will-navigate> <span class="sr-only"> Odair Marra  </span> </a> <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/C4E03AQFp0AUzWQnPRg/profile-displayphoto-shrink_100_100/profile-displayphoto-shrink_100_100/0/1581180413825?e=2147483647&v=beta&t=IJiDVYfmC6XtkSF9Td2Z_mvmo2_Me39_dITohCd1H_Q" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Odair Marra"> <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 "> Odair Marra  </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Diretor Financeiro Administrativo | CFO | Gestão Corporativa com foco no resultado e construção de valor para equipe e empresa. </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 out of 5 stars"> <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/cg0ud3t24av7pe8eamnp39hfq"></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/cg0ud3t24av7pe8eamnp39hfq"></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/cg0ud3t24av7pe8eamnp39hfq"></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/cg0ud3t24av7pe8eamnp39hfq"></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/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> </span> </div> <span class="review-card__rating"> 5/5 </span> <span class="review-card__date"> February 12, 2025 </span> </div> <div class="review-card__text"> Great instructions! </div> <div class="review-card__centered-row review-card__actions"> <a class="review-card__centered-row review-card__action-button" aria-label="Odair Marra’s comment is helpful" 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%2Fcss-fundamentals-unlock-the-power-of-web-styling%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&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> Helpful </a> <span class="review-card__dot-delimiter">·</span> <a class="review-card__centered-row review-card__action-button" aria-label="Report Odair Marra’s comment" 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%2Fcss-fundamentals-unlock-the-power-of-web-styling%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&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> Report </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://ng.linkedin.com/in/attahcollinso" data-tracking-control-name="learning-course" data-tracking-will-navigate> <span class="sr-only"> Collins O Attah  </span> </a> <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/D4E03AQFtghm38bR2Tg/profile-displayphoto-shrink_100_100/B4EZPt_.G.GYAY-/0/1734864790505?e=2147483647&v=beta&t=wum0nAZ08JVWOXe_ETywY9ZFvqYXhsad70EWRz6hu4Y" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Collins O Attah"> <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 "> Collins O Attah  </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden "> Web and Computer Programmer || Social Media Manager || Content Creator || HVAC Engineer || Maintenance Engineer </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 out of 5 stars"> <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/cg0ud3t24av7pe8eamnp39hfq"></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/cg0ud3t24av7pe8eamnp39hfq"></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/cg0ud3t24av7pe8eamnp39hfq"></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/cg0ud3t24av7pe8eamnp39hfq"></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/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> </span> </div> <span class="review-card__rating"> 5/5 </span> <span class="review-card__date"> August 23, 2024 </span> </div> <div class="review-card__text"> This is awesome. I am getting more than I expected. </div> <div class="review-card__centered-row review-card__actions"> <a class="review-card__centered-row review-card__action-button" aria-label="Collins O Attah’s comment is helpful" 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%2Fcss-fundamentals-unlock-the-power-of-web-styling%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&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> Helpful </a> <span class="review-card__dot-delimiter">·</span> <a class="review-card__centered-row review-card__action-button" aria-label="Report Collins O Attah’s comment" 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%2Fcss-fundamentals-unlock-the-power-of-web-styling%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&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> Report </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"> Contents </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"> Introduction <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"> Introduction <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://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/time-to-learn-some-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"> Time to learn some CSS </div> <div class="table-of-contents__item-duration"> 48s </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 Basics <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 Basics <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://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/what-is-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"> What is CSS? </div> <div class="table-of-contents__item-duration"> 3m 52s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/what-are-default-browser-styles?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> What are default browser styles? </div> <div class="table-of-contents__item-duration"> 2m 41s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/what-is-basic-css-lexicon?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> What is basic CSS lexicon? </div> <div class="table-of-contents__item-duration"> 3m 22s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/what-are-basic-selector-types?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> What are basic selector types? </div> <div class="table-of-contents__item-duration"> 4m 3s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/what-are-css-combinators?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> What are CSS combinators? </div> <div class="table-of-contents__item-duration"> 2m 18s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/how-does-css-work-with-html?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> How does CSS work with HTML? </div> <div class="table-of-contents__item-duration"> 4m 40s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/what-options-are-available-to-write-your-styles?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> What options are available to write your styles? </div> <div class="table-of-contents__item-duration"> 2m 44s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/how-do-browsers-render-styles?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> How do browsers render styles? </div> <div class="table-of-contents__item-duration"> 3m 53s </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. CSS Concepts <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. CSS Concepts <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://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/why-css-reset-and-normalize-matter?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"> Why CSS reset and normalize matter </div> <div class="table-of-contents__item-duration"> 2m 56s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/working-with-fonts?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Working with fonts </div> <div class="table-of-contents__item-duration"> 4m 45s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/understanding-the-box-model?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Understanding the box model </div> <div class="table-of-contents__item-duration"> 4m 12s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/setting-margins-and-padding?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Setting margins and padding </div> <div class="table-of-contents__item-duration"> 3m 39s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/working-with-color?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Working with color </div> <div class="table-of-contents__item-duration"> 6m 15s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/applying-borders-and-backgrounds?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Applying borders and backgrounds </div> <div class="table-of-contents__item-duration"> 4m 56s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/understanding-the-units-of-measurement?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Understanding the units of measurement </div> <div class="table-of-contents__item-duration"> 3m 6s </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. A Closer Look at the Cascade <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. A Closer Look at the Cascade <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://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/understanding-cascading-order?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"> Understanding cascading order </div> <div class="table-of-contents__item-duration"> 4m 26s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/calculating-specificity?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Calculating specificity </div> <div class="table-of-contents__item-duration"> 1m 50s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/considering-the-rule-important?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Considering the rule !important </div> <div class="table-of-contents__item-duration"> 2m 12s </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. Layouts <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. Layouts <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://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/structuring-a-page-with-css?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Structuring a page with CSS </div> <div class="table-of-contents__item-duration"> 3m </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/understanding-how-flexbox-works?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Understanding how flexbox works </div> <div class="table-of-contents__item-duration"> 2m 26s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/understanding-how-the-css-grid-works?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Understanding how the CSS Grid works </div> <div class="table-of-contents__item-duration"> 2m 7s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/understanding-css-frameworks?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Understanding CSS frameworks </div> <div class="table-of-contents__item-duration"> 1m 17s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/creating-responsive-layouts?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Creating responsive layouts </div> <div class="table-of-contents__item-duration"> 2m 47s </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. Working with 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"> 5. Working with 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://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/organizing-your-code?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Organizing your code </div> <div class="table-of-contents__item-duration"> 4m 4s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/using-browser-inspection-tools?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Using browser inspection tools </div> <div class="table-of-contents__item-duration"> 2m 42s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/using-the-can-i-use-for-a-css-property?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Using the "Can I use..." for a CSS property </div> <div class="table-of-contents__item-duration"> 2m 40s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/validating-your-css-with-tools?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Validating your CSS with tools </div> <div class="table-of-contents__item-duration"> 1m 54s </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"> Conclusion <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"> Conclusion <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://www.linkedin.com/learning/css-fundamentals-unlock-the-power-of-web-styling/learning-more-about-css?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</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"> Learning more about CSS </div> <div class="table-of-contents__item-duration"> 1m 8s </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"> What’s included </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">Test your knowledge</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">5 quizzes</span> </li> <li class="subscription-value-props-aside-section__list-item"> <span class="subscription-value-props-aside-section__value-prop-label">Learn on the go</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">Access on tablet and phone</span> </li>  </ul> </div> </section> <section class="aside-section-container mb-4 similar-courses-aside-section"> <h2 class="aside-section-container__title section-title"> Similar courses </h2>  <div class="aside-section-container__content break-words"> <ul> <li>  <a href="https://www.linkedin.com/learning/css-layouts-from-float-to-flexbox-and-grid?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/C4E0DAQHliL819SNhiA/learning-public-crop_144_256/learning-public-crop_144_256/0/1568668686910?e=2147483647&v=beta&t=DUyFuVjyWrGQc__v_h8W2H4cwLqS0lrbkSyQgWnd1Fw"> <div class="aside-learning-course-card__duration duration">1h 46m</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"> CSS Layouts: From Float to Flexbox and Grid  </h3>      </div>  </a> </li> <li>  <a href="https://www.linkedin.com/learning/css-selectors-2?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/C4E0DAQFAl58bn8cZRQ/learning-public-crop_144_256/learning-public-crop_144_256/0/1660585110453?e=2147483647&v=beta&t=mY7qxICr32iitw7XzEWh1euKFSSfUuVUBGLuumaL66E"> <div class="aside-learning-course-card__duration duration">2h 19m</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"> CSS: Selectors  </h3>      </div>  </a> </li> <li>  <a href="https://www.linkedin.com/learning/css-print-style-sheets?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/C4E0DAQGWqNJbTO18sA/learning-public-crop_144_256/learning-public-crop_144_256/0/1601574383805?e=2147483647&v=beta&t=8YD8PMhPk3ekArlYYrcxpBxihIqnmKvz-1AUjkdYAvA"> <div class="aside-learning-course-card__duration duration">1h 54m</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"> CSS: Print Style Sheets  </h3>      </div>  </a> </li> </ul> </div> </section> <section class="aside-section-container mb-4"> <h2 class="aside-section-container__title section-title"> Download courses </h2>  <div class="aside-section-container__content break-words"> <p>Use your iOS or Android LinkedIn Learning app, and watch courses on your mobile device without an internet connection.</p> <div class="app-links-aside-section__link-container"> <a class="app-links-aside-section__link" href="https://itunes.apple.com/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="Download on the App Store" 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%3Dlinkedinlearning%26utm_medium%3DmobileWeb%26utm_campaign%3Dlearning_guest&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="Get it on Google Play" 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>Price may change based on profile and billing country information entered during Sign In or Registration </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"> Explore Business Topics </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/business-analysis-and-strategy?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 Analysis and Strategy </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/business-software-and-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 and Tools </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/career-development-5?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Career Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/customer-service-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> Customer Service </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/diversity-equity-and-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, and Inclusion (DEI) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/finance-and-accounting?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Finance and Accounting </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/human-resources-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> Human Resources </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/leadership-and-management?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Leadership and Management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/marketing-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> Marketing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/professional-development?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Professional Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/project-management?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Project Management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/sales-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> Sales </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/small-business-and-entrepreneurship?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Small Business and Entrepreneurship </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/training-and-education?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 and Education </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="See all business courses" href="https://www.linkedin.com/learning/topics/business?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> See all </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"> Explore Creative Topics </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/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> AEC </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/animation-and-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 and Illustration </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/audio-and-music?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 and Music </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/graphic-design?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Graphic Design </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/motion-graphics-and-vfx?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 Graphics and VFX </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/photography-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> Photography </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/product-and-manufacturing?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Product and Manufacturing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/user-experience?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://www.linkedin.com/learning/topics/2015-54?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://www.linkedin.com/learning/topics/visualization-and-real-time?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Visualization and Real-Time </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/web-design?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Web Design </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="See all creative courses" href="https://www.linkedin.com/learning/topics/creative?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> See all </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"> Explore Technology Topics </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/artificial-intelligence?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Artificial Intelligence (AI) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/cloud-computing-5?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://www.linkedin.com/learning/topics/security-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> Cybersecurity </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/data-science?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://www.linkedin.com/learning/topics/database-management?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Database Management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/devops?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://www.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://www.linkedin.com/learning/topics/it-help-desk-5?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 Help Desk </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/mobile-development?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 Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/network-and-system-administration?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Network and System Administration </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/software-development?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Software Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/web-development?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Web Development </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="See all technology courses" href="https://www.linkedin.com/learning/topics/technology?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> See all </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/e12h2cd8ac580qen9qdd0qks8"></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> About </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> Accessibility </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> User Agreement </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> Privacy Policy </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 Policy </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 Policy </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> Brand Policy </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> Guest Controls </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 Guidelines </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="العربية (Arabic)" 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"> العربية (Arabic) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="বাংলা (Bangla)" 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"> বাংলা (Bangla) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Čeština (Czech)" 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 (Czech) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Dansk (Danish)" 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 (Danish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Deutsch (German)" 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-de_DE" data-locale="de_DE" role="menuitem" lang="de_DE"> Deutsch (German) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Ελληνικά (Greek)" 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"> Ελληνικά (Greek) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="English (English) selected" 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-en_US" data-locale="en_US" role="menuitem" lang="en_US"> <strong>English (English)</strong> </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Español (Spanish)" 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 (Spanish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="فارسی (Persian)" 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"> فارسی (Persian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Suomi (Finnish)" 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 (Finnish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Français (French)" 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 (French) </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 (Hungarian)" 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 (Hungarian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Bahasa Indonesia (Indonesian)" 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 (Indonesian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Italiano (Italian)" 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 (Italian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="עברית (Hebrew)" 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"> עברית (Hebrew) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="日本語 (Japanese)" 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"> 日本語 (Japanese) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="한국어 (Korean)" 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"> 한국어 (Korean) </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 (Malay)" 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 (Malay) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Nederlands (Dutch)" 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 (Dutch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Norsk (Norwegian)" 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 (Norwegian) </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 (Polish)" 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 (Polish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Português (Portuguese)" 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 (Portuguese) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Română (Romanian)" 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ă (Romanian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Русский (Russian)" 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"> Русский (Russian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Svenska (Swedish)" 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 (Swedish) </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 (Turkish)" 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 (Turkish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Українська (Ukrainian)" 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"> Українська (Ukrainian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Tiếng Việt (Vietnamese)" 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 (Vietnamese) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="简体中文 (Chinese (Simplified))" 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"> 简体中文 (Chinese (Simplified)) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="正體中文 (Chinese (Traditional))" 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"> 正體中文 (Chinese (Traditional)) </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"> Language </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/7itt46rafycxiwozfd111d2we" async></script>  <script src="https://static.licdn.com/aero-v1/sc/h/3iztwohxe2bmun1nouya4b56h" async defer></script> <script data-delayed-url="https://static.licdn.com/aero-v1/sc/h/zjknc3m26x2ha3j6ctgfqond" data-module-id="media-player"></script> <code id="trackingData" style="display: none"></code> <code id="alcOnlyData" style="display: none"></code>  </body> </html>

CINXE.COM

CSS Fundamentals: Unlock the Power of Web Styling Online Class | LinkedIn Learning, formerly Lynda.com