Mitä tulet oppimaan

Understand the role of CSS and how it connects to HTML documents.

Build flexible page layouts using Flexbox and apply visual enhancements with backgrounds and effects.

Style text, colors, spacing, and layouts using selectors, variables, and pseudo-classes.

Control element sizing and positioning with the box model and display properties.

Kurssin sisältö

Learn how CSS brings structure and visual style to web pages by controlling layout, typography, spacing, and interactive states. Topics range from core styling concepts and selectors to the b…

What Is CSS and Why Is It Important?

Linking CSS to an HTML Document

Mastering CSS Selectors for Styling HTML Elements

Challenge: Apply Your First CSS Styles

Challenge: Style with Class Selectors

Enhancing Styles with User Action Pseudo-Classes

Challenge: Apply User Action Pseudo-Classes

Changing Text Colors in CSS

Optimizing Workflow for Efficient CSS Coding

Challenge: Use Variables for Better CSS Management

Mastering Text Styling in CSS

Text Formatting Techniques for Readability

Challenge: Format Text with CSS

Adding Custom Fonts to a Web Page

Understanding and Using Font Properties

Challenge: Explore Font Properties

What Is the CSS Box Model?

Understanding Box Sizing in CSS

Adding Space with Margins and Padding

Challenge: Apply Box Sizing to Elements

Using Structural and Functional Pseudo-Classes

Challenge: Practice Structural Pseudo-Classes

Understanding Block, Inline, and Inline-Block Elements

Working with Block-Level Elements

Working with Inline Elements

Challenge: Predict Page Layout with Different Element Types

What Is Flexbox and Why Use It?

Setting the Flex Direction for Layouts

Justifying Content Horizontally in Flexbox

Aligning Items Vertically in Flexbox

Understanding Flex Item Properties

Challenge: Apply Flexbox Concepts

Challenge: Build a Layout with Flexbox

Using Background Colors for Design

Applying Background Images to Elements

Working with Images in CSS

Creating Effects with Decorative Pseudo-Elements

Adding Shadows for Depth and Style

Challenge: Implement Decorative Effects in CSS

Paranna teknisiä taitojasi!

jopa 55% alennuksella

What you'll get with our subscription:

500+ huippuarvosteltua kurssiaSuoritustodistuksetHenkilökohtaiset opintopolut40+ käytännön projekteja

Tilauksesi sisältää myös 500+ kurssia:

HTML:n Perusteet

Opi HTML:n (HyperText Markup Language) perusteet, joka on verkkokehityksen perusta. Tämä aloittelijaystävällinen kurssi kattaa tunnisteet, attribuutit, elementit ja verkkosivujen rakenteen. Hanki käytännön taitoja otsikoiden, kappaleiden, listojen, kuvien, linkkien, lomakkeiden ja taulukoiden luomisessa. Tutustu parhaisiin käytäntöihin, optimointiin ja verkkosivustojen saavutettavuuteen. Aloita verkkokehityksen matkasi HTML:n avulla.

CSS:n Perusteet

Hallitse CSS:n perusteet, tyylikieli, joka muuttaa verkkosivujen ulkoasun ja tuntuman. Tutustu keskeisiin käsitteisiin, kuten tekstityyleihin, väreihin, välistyksiin, laatikkomalliin, Flexboxiin ja koristeellisiin tehosteisiin. Kehitä taidot luoda visuaalisesti houkuttelevia ja hyvin jäsenneltyjä verkkosivuja.

HTML:n Perusteet

Hallitse HTML:n perusteet rakentaaksesi hyvin jäsenneltyä ja saavutettavaa verkkosisältöä. Opi jäsentämään dokumentteja käyttämällä tageja, elementtejä ja attribuutteja. Käsittele sujuvasti tekstiä, listoja, kuvia, ääntä ja videota rikastuttaaksesi verkkosivuja. Luo taulukoita järjestetyn datan esittämiseen ja lomakkeita käyttäjän syötteiden ja vuorovaikutuksen mahdollistamiseen. Tutustu semanttiseen HTML:ään saavutettavuuden parantamiseksi ja rakenna kokonaisia, toiminnallisia verkkosivustorakenteita alusta alkaen.

CSS-asettelu, tehosteet ja Sass

Kehitä tyylittelytaitojasi hallitsemalla edistyneet CSS-tekniikat modernia web-suunnittelua varten. Sijoita ja hallitse elementtejä tarkasti käyttämällä kehittyneitä asemointistrategioita. Luo sulavia siirtymiä ja mukaansatempaavia animaatioita parantaaksesi käyttökokemusta. Muunna ja manipuloi elementtejä dynaamisten visuaalisten tehosteiden saavuttamiseksi. Rakenna responsiivisia suunnitelmia, jotka mukautuvat eri laitteille, ja tehosta työnkulkuasi CSS-esikäsittelijöillä, kuten Sassilla.

CSS Foundations

Build a solid foundation in CSS and understand how styles shape the appearance of every webpage. Write and apply rules, target elements with selectors, and master the cascade and box model to create clean, organized designs. Gain the essential skills every web developer needs to style web content with precision and confidence.

Introduction to Web Protocols

Explore the fascinating journey of data as it travels from your browser to a web server and back. This course demystifies the web's inner workings, explaining how browsers, servers, DNS, IP addresses, and protocols like HTTP and HTTPS collaborate to deliver modern websites. With practical examples and clear analogies, you'll gain a concrete understanding of the web as a real, interconnected system.

HTML Forms Foundations

An introduction to creating well-structured and accessible HTML forms. Explore fundamental form elements, validation techniques, and best practices for ensuring accessibility. Learn how to design forms that are both functional and user-friendly, as they are essential components of any interactive website.

HTML:n Perusteet

Opi HTML:n (HyperText Markup Language) perusteet, joka on verkkokehityksen perusta. Tämä aloittelijaystävällinen kurssi kattaa tunnisteet, attribuutit, elementit ja verkkosivujen rakenteen. Hanki käytännön taitoja otsikoiden, kappaleiden, listojen, kuvien, linkkien, lomakkeiden ja taulukoiden luomisessa. Tutustu parhaisiin käytäntöihin, optimointiin ja verkkosivustojen saavutettavuuteen. Aloita verkkokehityksen matkasi HTML:n avulla.

CSS:n Perusteet

Hallitse CSS:n perusteet, tyylikieli, joka muuttaa verkkosivujen ulkoasun ja tuntuman. Tutustu keskeisiin käsitteisiin, kuten tekstityyleihin, väreihin, välistyksiin, laatikkomalliin, Flexboxiin ja koristeellisiin tehosteisiin. Kehitä taidot luoda visuaalisesti houkuttelevia ja hyvin jäsenneltyjä verkkosivuja.

HTML:n Perusteet

Hallitse HTML:n perusteet rakentaaksesi hyvin jäsenneltyä ja saavutettavaa verkkosisältöä. Opi jäsentämään dokumentteja käyttämällä tageja, elementtejä ja attribuutteja. Käsittele sujuvasti tekstiä, listoja, kuvia, ääntä ja videota rikastuttaaksesi verkkosivuja. Luo taulukoita järjestetyn datan esittämiseen ja lomakkeita käyttäjän syötteiden ja vuorovaikutuksen mahdollistamiseen. Tutustu semanttiseen HTML:ään saavutettavuuden parantamiseksi ja rakenna kokonaisia, toiminnallisia verkkosivustorakenteita alusta alkaen.

CSS-asettelu, tehosteet ja Sass

Kehitä tyylittelytaitojasi hallitsemalla edistyneet CSS-tekniikat modernia web-suunnittelua varten. Sijoita ja hallitse elementtejä tarkasti käyttämällä kehittyneitä asemointistrategioita. Luo sulavia siirtymiä ja mukaansatempaavia animaatioita parantaaksesi käyttökokemusta. Muunna ja manipuloi elementtejä dynaamisten visuaalisten tehosteiden saavuttamiseksi. Rakenna responsiivisia suunnitelmia, jotka mukautuvat eri laitteille, ja tehosta työnkulkuasi CSS-esikäsittelijöillä, kuten Sassilla.

CSS Foundations

Build a solid foundation in CSS and understand how styles shape the appearance of every webpage. Write and apply rules, target elements with selectors, and master the cascade and box model to create clean, organized designs. Gain the essential skills every web developer needs to style web content with precision and confidence.

Introduction to Web Protocols

Explore the fascinating journey of data as it travels from your browser to a web server and back. This course demystifies the web's inner workings, explaining how browsers, servers, DNS, IP addresses, and protocols like HTTP and HTTPS collaborate to deliver modern websites. With practical examples and clear analogies, you'll gain a concrete understanding of the web as a real, interconnected system.

HTML Forms Foundations

An introduction to creating well-structured and accessible HTML forms. Explore fundamental form elements, validation techniques, and best practices for ensuring accessibility. Learn how to design forms that are both functional and user-friendly, as they are essential components of any interactive website.

Miksi ihmiset valitsevat Codefinityn

Web Developer

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.

Senior Business Analyst

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. I love the learning style that is used, it engages me.

Accounts Payable Specialist

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.

IT Support Specialist

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. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.

Technology Project Manager

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.

Project Manager

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.

Askel askeleelta loistaviin tuloksiin

Ratkaise todellisia koodaushaasteita

Interaktiivinen koodausympäristö

Sukella interaktiiviseen ympäristöömme: kirjoita ja suorita koodisi reaaliaikaisella palautteella ja onnistumismittareilla—opit tekemällä joka vaiheessa.

Saa ohjausta tarpeen mukaan

AI-avusteinen tuki

Hyödynnä sisäänrakennettua AI-avustajaa selittämään virheitä, ehdottamaan korjauksia tai vastaamaan mihin tahansa kysymykseen koodistasi—pysy tuottavana äläkä jää jumiin.

Varmista oppimisesi

Tietotesti

Päätä jokainen moduuli nopealla testillä, joka antaa välitöntä palautetta, seuraa edistymistäsi ja varmistaa, että olet hallinnut keskeiset käsitteet.

Näytä taitosi

Juhli menestystä

Ansaitse teollisuuden tunnustama todistus valmistuessasi ja jaa se LinkedInissä yhdellä napsautuksella—anna verkostosi nähdä, mitä osaat.

Täysi pääsy katalogiin

Yksi tilaus avaa tämän kurssin ja koko projektien sekä taitojen katalogimme.

Features:

500+ huippuarvosteltua kurssiaHuipputason AI-kopilotti

Henkilökohtaiset opintopolut40+ käytännön projekteja

Ilman peruutusta, ennen alennetun suunnitelman päättymistä, hyväksyn, että Codefinity veloittaa automaattisesti $79 joka 3. kuukausi kunnes peruutan. Lue lisää peruutus- ja palautuskäytännöistä osoitteessa Tilausehdot.

Kokeile Codefinityä luottavaisin mielin – 30 päivän rahat takaisin -takuu sisältyy

Tervetuloa Codefinityyn, tarjoamme jopa 64% alennusta kursseistamme. Lisäksi meillä on 30 päivän rahat takaisin -takuu, joten voit kokeilla meitä ilman riskiä.Odotamme innolla toivottaaksemme sinut tervetulleeksi alustallemme ja olemme sitoutuneet tekemään oppimiskokemuksestasi helpon, interaktiivisen ja hauskan.

Kysytyt kysymykset

Kuinka saan pääsyn alustalle?

Vaikka voit opiskella Codefinityn kanssa millä tahansa laitteella, suosittelemme vahvasti tietokoneen tai kannettavan käyttöä oppimiskokemuksen optimoimiseksi.

Entä jos minulla on kysymyksiä oppimisen aikana?

Kaikissa kursseissamme on integroitu tekoälyavustaja, joka on valmis auttamaan sinua kaikissa kysymyksissäsi opintojesi aikana ja ratkaisemaan ongelmia.

Onko tekninen tutkinto välttämätön oppimiselle?

Ei, et tarvitse aiempaa kokemusta aloittaaksesi oppimisen. Kurssimme on suunniteltu aloittelijoille, joten voit helposti aloittaa matkasi teknologiateollisuudessa.

Onko vielä kysymyksiä?

Kirjoita kysymyksesi tähän

CSS Core Fundamentals

Kurssi aloittelijoille

Mitä tulet oppimaan

Kurssin sisältö

Tilauksesi sisältää myös 500+ kurssia:

Miksi ihmiset valitsevat Codefinityn

Askel askeleelta loistaviin tuloksiin

Johtavien yritysten työntekijöiden luottama
ja huippuyliopistojen opiskelijoiden

Pääsy heti 500+ kurssiin

Täysi pääsy katalogiin

Kokeile Codefinityä luottavaisin mielin – 30 päivän rahat takaisin -takuu sisältyy

Kysytyt kysymykset

Onko vielä kysymyksiä?

CSS Core Fundamentals

Kurssi aloittelijoille

Mitä tulet oppimaan

Kurssin sisältö

Tilauksesi sisältää myös 500+ kurssia:

Miksi ihmiset valitsevat Codefinityn

Askel askeleelta loistaviin tuloksiin

Johtavien yritysten työntekijöiden luottama ja huippuyliopistojen opiskelijoiden

Pääsy heti 500+ kurssiin

Täysi pääsy katalogiin

Kokeile Codefinityä luottavaisin mielin – 30 päivän rahat takaisin -takuu sisältyy

Kysytyt kysymykset

Onko vielä kysymyksiä?

Johtavien yritysten työntekijöiden luottama
ja huippuyliopistojen opiskelijoiden