CSS Fundamentals
Kurssi
2563 Opiskelijat jo ilmoittautuneet- Understand Cascading Style Sheets to enhance the appearance of web pages.
- Grasp the management of text styles, fonts, and element positioning.
- Gain proficiency in the CSS box model and handling element spacing.
- Explore the capabilities of Flexbox for robust layout design.
Johtavien yritysten työntekijöiden luottama
Jaa se sosiaalisessa mediassa ja suoritusarvioinnissasi
On 5 moduulia tässä kurssissa
Master the essentials of CSS (Cascading Style Sheets), the styling language that transforms the look and feel of web pages. Explore core concepts such as text styles, colors, spacing, the box model, Flexbox, and decorative effects. Build the skills to create visually engaging and well-structured web pages. Perfect for beginners looking to establish a solid foundation in CSS.- What is CSS and Why is it Important?Esikatselu
- Linking CSS to an HTML DocumentEsikatselu
- Mastering CSS Selectors for Styling HTML ElementsEsikatselu
- Challenge: Apply Your First CSS StylesEsikatselu
- Challenge: Style with Class SelectorsEsikatselu
- Enhancing Styles with User Action Pseudo-ClassesEsikatselu
- Challenge: Apply User Action Pseudo-ClassesEsikatselu
- Changing Text Colors in CSSEsikatselu
- Optimizing Workflow for Efficient CSS CodingEsikatselu
- Challenge: Use Variables for Better CSS ManagementEsikatselu
- What is the CSS Box Model?Esikatselu
- Understanding Box Sizing in CSSEsikatselu
- Adding Space with Margins and PaddingEsikatselu
- Challenge: Apply Box Sizing to ElementsEsikatselu
- Using Structural and Functional Pseudo-ClassesEsikatselu
- Challenge: Practice Structural Pseudo-ClassesEsikatselu
- Understanding Block, Inline, and Inline-Block ElementsEsikatselu
- Working with Block-Level ElementsEsikatselu
- Working with Inline ElementsEsikatselu
- Challenge: Predict Page Layout with Different Element TypesEsikatselu
- What is Flexbox and Why Use It?Esikatselu
- Setting the Flex Direction for LayoutsEsikatselu
- Justifying Content Horizontally in FlexboxEsikatselu
- Aligning Items Vertically in FlexboxEsikatselu
- Understanding Flex Item PropertiesEsikatselu
- Challenge: Apply Flexbox ConceptsEsikatselu
- Challenge: Build a Layout with FlexboxEsikatselu
- Using Background Colors for DesignEsikatselu
- Applying Background Images to ElementsEsikatselu
- Working with Images in CSSEsikatselu
- Creating Effects with Decorative Pseudo-ElementsEsikatselu
- Adding Shadows for Depth and StyleEsikatselu
- Challenge: Implement Decorative Effects in CSSEsikatselu
- Further StepsEsikatselu
Opiskelijoiden valitsema parhaista kouluista
Miksi ihmiset valitsevat Codefinityn uralleen

Kwizera Mugisha
The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Sherry Barnes-Fox
My first course was 4 hours, I did it in a few days, "nugget-style. The instructions are very clear and easy to understand. There is even a hint to help you get the answer, and if you still cannot get the answer, then you can display the answer. I love the learning style that is used, it engages me.

Bill Wagner
I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

Stephanie Chan
As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.

Daniel Chinea
I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming.

Steve Bruening
The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.
Opiskelijapalautteet
4.8
50 arvostelut
5
88%
4
8%
3
4%
2
0%
1
0%
Näytetään 3 josta 50 arvostelut
Семен Зарицький
5
Arvioitu Jul 30, 2025
Paul Grew
4
Arvioitu Jul 10, 2025
Oleksandr Zatirka
5
Arvioitu Jun 28, 2025
Suositeltu, jos olet kiinnostunut oppimaan HTML/CSS
projekti
Vibe Coding Verkkosovellus Alusta Alkaen
kurssi
HTML Essentials
kurssi
JavaScript Ninja
kurssi
HTML:n Perusteet
kurssi
Johdanto JavaScriptiin
kurssi
Java Basics
kurssi
C# Beyond Basics
kurssi
.NET:n Perusteet C#:lla
kurssi
Web Development with Wix
kurssi
AI Powered Web Development Essentials
kurssi
Next.js 14 Mastery for Building Modern Web Apps
kurssi
Shopify Store Mastery
projekti
Vibe Coding Verkkosovellus Alusta Alkaen
kurssi
HTML Essentials
kurssi
JavaScript Ninja
kurssi
HTML:n Perusteet
kurssi
Johdanto JavaScriptiin
kurssi
Java Basics
kurssi
C# Beyond Basics
kurssi
.NET:n Perusteet C#:lla
kurssi
Web Development with Wix
kurssi
AI Powered Web Development Essentials
kurssi
Next.js 14 Mastery for Building Modern Web Apps
kurssi
Shopify Store Mastery
Omaksu teknologiaosaamisen kiehtovuus! Tekoälyavustajamme antaa reaaliaikaista palautetta, henkilökohtaisia vinkkejä ja virheiden selityksiä, jotta opit luottavaisin mielin.
Työtilojen avulla voit luoda ja jakaa projekteja suoraan alustallamme. Olemme valmiiksi suunnitelleet mallit sinun helpottamiseksi.
Ota hallintaasi urakehityksesi ja aloita matkasi uusimpien teknologioiden hallintaan
Todelliset projektit kohottavat portfoliotasi, esitellen käytännön taitoja, joilla vakuutat työnantajat.




Täysi pääsy katalogiin
Yksi tilaus avaa tämän kurssin ja koko projektien sekä taitojen katalogimme.Tilauksesi sisältää myös:
projekti
Vibe Coding Verkkosovellus Alusta Alkaen
kurssi
HTML Essentials
kurssi
JavaScript Ninja
kurssi
HTML:n Perusteet
kurssi
Johdanto JavaScriptiin
kurssi
Java Basics
kurssi
C# Beyond Basics
kurssi
.NET:n Perusteet C#:lla
kurssi
Web Development with Wix
kurssi
AI Powered Web Development Essentials
kurssi
Next.js 14 Mastery for Building Modern Web Apps
kurssi
Shopify Store Mastery
projekti
Vibe Coding Verkkosovellus Alusta Alkaen
kurssi
HTML Essentials
kurssi
JavaScript Ninja
kurssi
HTML:n Perusteet
kurssi
Johdanto JavaScriptiin
kurssi
Java Basics
kurssi
C# Beyond Basics
kurssi
.NET:n Perusteet C#:lla
kurssi
Web Development with Wix
kurssi
AI Powered Web Development Essentials
kurssi
Next.js 14 Mastery for Building Modern Web Apps
kurssi
Shopify Store Mastery
Usein kysytyt kysymykset
Onko vielä kysymyksiä?
Kirjoita kysymyksesi tähän