LearnFit

 YouTube, CSS 셀렉터, 기초 이론 정리. 포트폴리오 만드는 날까지! | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

테크주니어님의 학습노트

CSS 셀렉터, 기초 이론 정리. 포트폴리오 만드는 날까지! | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

#전체

#개발자

#프론트엔드

#html

#css

#grid

#flex

#flexbox

#프론트엔드

#frontend

#css flexbox

#css flex

#css 플렉스

#css 플렉스박스

#웹퍼블리셔

#html5

#css3

#ui개발자

#웹표준

#반응형웹

#모바일웹

#CSS 강의

#CSS 튜토리얼

#css 셀렉트

#CSS 셀렉터

#CSS 플렉스

#CSS display

#CSS position

#HTML

#CSS

#개발자

#웹개발

#웹 포트폴리오

#웹사이트 만들기

#프론트엔드 공부

#프론트엔드 튜토리얼

#프론트엔드 개발

#웹개발자

#비전공

#프론트엔드 개발 공부

#로드맵

#코딩 기초

#웹사이트 만드는법

#CSS 기본

#CSS 이론

#CSS 정리

#CSS 플렉스 박스

#css 강좌

#css 레이아웃

#css 튜토리얼

#css 강의

#프론트엔드 공부순서

01:09CSS 용어에 대한 의미

03:47CSS 스타일을 정의할 때 사용할 수 있는 '!import'을 가급적 쓰지 말아야 하는 이유

05:01CSS Selectors(선택자)에 대한 설명 : Universal: *, type: Tag, ID: #id, Class: .class, State: :, Attribute: []

05:47CSS 셀렉터에 대한 Demo

06:47CSS 기본 문법 형식

07:09CSS 셀렉터 : Universal

07:23CSS 셀렉터 : type

07:58CSS 셀렉터 : ID

08:28CSS 셀렉터 : Class

09:34CSS 셀렉터 : State

10:06CSS 셀렉터 : Attribute

11:25개발자 도구에서 CSS 속성을 보는 법 : ! 여기서 개발자 도구란? 브라우저에서 제공하는 도구로서 개발을 하면서 도움이 될 만한 여러가지 기능들을 제공해요. 저 역시 하루 종일 웹페이지의 한쪽에 개발자도구를 띄워놓는 경우가 많을만큼 개발자에게 이 도구는 필수적입니다. 개발자 도구 자체에 대해 알아둬야 할 내용이 다양하기 때문에 아래의 학습링크를 통해 꼭 사용법을 익혀두시길 권장드립니다. https://opentutorials.org/course/580

14:02CSS 속성값들에 대해 참고할 수 있는 사이트 : https://developer.mozilla.org/ko/docs/Web/CSS/Reference

14:47CSS 셀렉터를 직접 사용해 볼 수 있는 게임 소개 해당 게임 웹사이트 주소 : https://flukeout.github.io/

16:05이후는 생략하여도 좋습니다.

✔ 학습 완료

취소

작성하기