Skip to content

CSS Practice Website

1. CSS란?

Cascading Style Sheet, 줄여서 CSS는 HTML이나 XML(XML의 방언인 SVG, XHTML 포함)로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어이다.
HTML이 텍스트나 이미지, 표와 같은 요소를 웹 문서에 넣어 뼈대를 만드는 것이라면 CSS는 색상이나 크기, 글자나 이미지 크기같은 웹의 디자인적인 요소를 담당한다.
HTML로 버튼을 만든다고 하더라도 CSS를 사용하므로서 좀 더 있어보이게 만들 수 있다.

2. dinfree.com

dinfree.com에서 CSS 연습하러 가기
짧굵배는 누구나 쉽게 배우는 프로그래밍 강좌 사이트이다.
여기서 이야기하는 쉽다라는 의미는 쉬운 것만을 강의한다는 의미가 아니고 핵심 개념의 이해를 통해 보다 쉽게 깊이를 더해갈 수 있도록 프로그래밍 학습의 가이드를 제공한다는 의미를 담고 있다.
해당 사이트에서는 CSS뿐만 아니라 컴퓨터 공통기초, 프로그래밍언어, 웹/모바일, 백엔드에 대해 학습할 수 있다.

3. blog.avada.io

blog.avada.io에서 CSS 연습하러 가기
각종 CSS를 연습할 수 있는 사이트이다.
codepen을 통하여 code와 result를 보여주어 결과물을 보고 코드를 연습할 수 있다.

3-1. 예시

avada