Workspace

4챕터 flexbox에 관한 내용이다. 강의는 클래스101, 유노코딩 강사님의 프로그래밍 입문자를 위한 CSS 기초이다. https://class101.net/ko CLASS101+ | 세상의 모든 클래스를 하나의 구독으로 2700개 이상의 클래스로 일러스트, 공예, 코딩, 부업, 주식까지 세상의 모든 분야를 배워보세요. CLASS101에서 14일 무료 체험해 보세요. class101.net 챕터 4. flexbox - flexbox 속성 활용하기 1강. flexbox 1편, 정의 및 사용 방법 (1) flexbox flexbox란 flex박스 내 요소 간의 공간 배분과 정렬 기능을 제공하기 위한 1차원 레이아웃 모델이다. 1차원 레이아웃 모델이란? flexbox를 1차원 모델이라 부르는 이유는, 레이아..

챕터3의 주제는 위치 정하기 float과 position이다. 강의는 클래스101, 유노코딩 강사님의 프로그래밍 입문자를 위한 CSS 기초이다. https://class101.net/ko CLASS101+ | 세상의 모든 클래스를 하나의 구독으로 2700개 이상의 클래스로 일러스트, 공예, 코딩, 부업, 주식까지 세상의 모든 분야를 배워보세요. CLASS101에서 14일 무료 체험해 보세요. class101.net 챕터3. 위치 정하기 - float과 position 1강. float 그리고 clear (1) float float 속성은 요소가 문서의 일반적인 흐름에서 제외되어 자신을 포함하고 있는 컨테이너의 왼쪽이나 오른쪽에 배치 되도록 한다. 문서의 일반적인 흐름이란 무엇일까? 흔히 웹브러우저에서 렌..

챕터 2의 중반부터는 박스모델 관련 내용이 주를 이룬다. 중요한 부분이라고도 말씀하시고 자료를 다시 자주 찾게 될 것 같아 따로 박스모델 부분만 모아 작성해본다. 강의는 클래스101, 유노코딩 강사님의 프로그래밍 입문자를 위한 CSS 기초이다. https://class101.net/ko CLASS101+ | 세상의 모든 클래스를 하나의 구독으로 2700개 이상의 클래스로 일러스트, 공예, 코딩, 부업, 주식까지 세상의 모든 분야를 배워보세요. CLASS101에서 14일 무료 체험해 보세요. class101.net 챕터2. 텍스트와 박스 모델 - 텍스트, 여백 그리고 배경까지 3강. 박스모델 1편, 박스모델 소개 (1) 박스모델 (Box-Model) 브라우저가 렌더링 할 때 모든 요소들은 기본적으로 사각형..

이어서 챕터2 내용도 작성해 남겨놓는다. 수업을 들을때는 기억이 나는데.. 한 하루 이틀만 지나면 금붕어처럼 까먹어 버리기 때문에! 이 글은 강의를 듣고 정리한 내용이다. 강의는 클래스101, 유노코딩 강사님의 프로그래밍 입문자를 위한 CSS 기초이다. https://class101.net/ko CLASS101+ | 세상의 모든 클래스를 하나의 구독으로 2700개 이상의 클래스로 일러스트, 공예, 코딩, 부업, 주식까지 세상의 모든 분야를 배워보세요. CLASS101에서 14일 무료 체험해 보세요. class101.net 챕터2. 텍스트와 박스 모델 - 텍스트, 여백 그리고 배경까지 1강. 텍스트 꾸미기 속성 (1) 텍스트 관련 속성 종류 1) font-family : 글꼴 정의 2) font-size ..

지난번에 html을 튜토리얼을 마쳐서 이어서 CSS 튜토리얼을 공부하려고 한다. 클래스 101, 프로그래밍 입문자를 위한 CSS 기초를 보고 공부한 내용 위주로 작성될 예정이다. HTML도 같은 강사님께 들었는데 설명도 엄청 자세하게 해주시고 실습도 알차서 재밌게 배웠었다! 이번에도 완강까지 화이팅.. 혹시 몰라 남겨놓는 강의 링크 (유노코딩 검색 / 유로 강의입니다!) https://class101.net/ko CLASS101+ | 세상의 모든 클래스를 하나의 구독으로 2700개 이상의 클래스로 일러스트, 공예, 코딩, 부업, 주식까지 세상의 모든 분야를 배워보세요. CLASS101에서 14일 무료 체험해 보세요. class101.net 챕터1. CSS 시작하기 - CSS 기본 문법 및 작성 방법 1강..