강의
31강
퀴즈
7개
코드 실습
21개
프로젝트
5개
내 웹 페이지를 개성있게 꾸미는 CSS
내 웹 페이지를 개성있게 꾸미는 CSS
열심히 만든 웹 페이지가 허전해 보이나요?CSS를 알면 똑같은 HTML도 색·글꼴·배치를 바꿔, 전혀 다른 분위기로 완성할 수 있어요.
선택자로 요소를 골라 글꼴·색·배경을 입히고,
박스 모델과 레이아웃으로 화면을 구성해요.
변형 효과로 자연스러운 움직임까지 더해,
웹 페이지를 내가 원하는 모습으로 완성해요.
선택자로 원하는 요소만 콕 집어,
글꼴·텍스트·색상·배경을 자유롭게 꾸며요.
평범한 웹 페이지에 개성을 더하는 법을 배워요.
박스 모델로 여백과 크기를 다루고, Flex·Grid
레이아웃으로 요소를 원하는 자리에 배치해요.
균형 잡힌 화면 구성을 직접 만들 수 있어요.
가상 클래스·가상 요소로 상황에 따라 다르게
반응하는 스타일을 만들고, 변형 효과로
크기·회전·이동까지 자연스럽게 표현해요.
열심히 만든 웹 페이지가 어딘가 밋밋하고 허전해 보이나요?
CSS를 알면 똑같은 HTML도 색·글꼴·배치를 바꿔,
전혀 다른 분위기로 완성할 수 있어요.
선택자로 원하는 요소를 골라 글꼴·색·배경을 입히고,
박스 모델과 레이아웃으로 화면을 짜임새 있게 구성해요.
변형 효과로 자연스러운 움직임까지 더해,
심심한 웹 페이지를 내가 원하는 모습으로 완성해요.
선택자로 원하는 요소만 콕 집어,
글꼴·텍스트·색상·배경을 자유롭게 꾸며요.
평범한 웹 페이지에 개성을 더하는 법을 배워요.
박스 모델로 여백과 크기를 다루고, Flex·Grid
레이아웃으로 요소를 원하는 자리에 배치해요.
균형 잡힌 화면 구성을 직접 만들 수 있어요.
가상 클래스·가상 요소로 상황에 따라 다르게
반응하는 스타일을 만들고, 변형 효과로
크기·회전·이동까지 자연스럽게 표현해요.
글꼴·컬러·배경부터 박스 모델과 레이아웃까지
글꼴·컬러·배경부터 박스 모델과 레이아웃까지
드라마로 재밌게 개념을 익히고, 알짜배기 강의로
하나씩 클리어 해나가다보면 어느새 완강!
코딩 초보 탈출을 도와줄 대표 강사님이에요.
현대차 UX 연구원
현대자동차에서 글로벌 고객의 모빌리티 UX를 연구하는 UX Research Engineer입니다. 복잡한 개념도 일상적인 예시로 쉽게 설명해 누구나 CSS의 매력을 느낄 수 있도록 도와드립니다.