📌 In the AI era, the basics of web development are getting attention again! Learn CSS

Now that AI, no-code, and row-code tools such as ChatGPT, Claude, and Gemini are being used more and more widely,

Developers who have an accurate understanding of the fundamentals of the webwill have a stronger competitive edge.

Web pages are displayed in browsers such as Chrome, Safari, and Firefox, and the languages recognized by the browser are HTML, CSS, JavascriptThis is it.

In this course, to HTML, which is responsible for the framework of a web page How to set styles to implement layouts, fonts, colors, backgrounds, and animationsI'm learning

This course “I'm new to coding, so with web publishing“Introductory course taught directly by the authorto,

Structured so that even complete beginners can easily understandIt's done.

Let's work together now to develop basic skills that are unshakable even in the AI era.

_{[I'm new to coding, so with web publishing]} "코딩은 처음이라 with 웹 퍼블리싱"

🎨 CSS basics

The first step to styling a web document!

Once you've created a skeleton in HTML, it's time to design it.

This course is about Cascading Style Sheets (CSS), which is responsible for designing web pages Practical use from the basicsThis is a course where you can learn until

Not only text and color settings, but also various layout placement methods, animations, and button styling!

More than just “how to decorate beautifully,” How to express it as intendedYou will learn

💡 Learn something like this!

Basic grammar and selectors
Conquer essential selectors, from tag/class/identity selectors to descendants, siblings, attribute selectors, and virtual classes.
Text & font styling
Apply Google web fonts and learn styles that bring life to text, such as spacing, line spacing, and alignment.
Understanding background and box models
background, padding, border, Margin Practice the basic skills of constructing a layout, etc.
Display & position attributes
Inline, Block, float, position Understand the attributes and apply them to various layouts.
Transitions & animations
Creating smooth interactions Transition, animation, transform Let's use attributes.
Flex and column layouts
floatOvercoming the limitations of FlexCreate an intelligent structure using!
Implement design reference styles
Refer to the design and complete the web page by applying layouts, transitions, and animations.

🚀 After completing the course, the project is complete.

_{[See Pygma Design - The Complete Guide to Implementing a Web Page]}

디자인 참조 코딩하기 - 포트폴리오 디자인

📌 I recommend it to people like this!

Those who have learned HTML to some extent, but it's a pity that the web page is flat
The structure was made, but Those who have difficulty arranging layouts
Those who are confused about concepts such as plot, position, flex, and transition
web design Direct expression in codeProspective designers & publishers I want to be
Necessary for practice CSS styling skillsThose who want to build a solid foundation

🧩 Course features

Code-driven, practice-based explanations
Concepts understood at a glance with intuitive visuals
Analysis & implementation of various website design examples
Configurations that can be used directly in practice

What is more important than a sense of design FundamentalsThis is it.

Learn the core concepts of CSS accurately, Direct implementationBuild real skills by doing it.

Your web page is now The design is perfect too! 🖌️

I'm new to coding - let's write styles with CSS

I'm new to coding - let's write styles with CSS