뒤로 가기
홈으로 이동
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이후는 생략하여도 좋습니다.
✔ 학습 완료

이 학습노트가 포함된 러닝패스예요.

테크주니어님의 다른 노트는 어때요?

테크주니어의 프로필 이미지
테크주니어
의 학습노트

CSS 강의 Ep05_2 - Box Model | border | 웹 개발 입문 | 함께 웹 개발에 입문해 보는건 어떨까요?

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
11
00:18
Border에 대한 개념적 설명 : border는 HTML 요소의 테두리를 설정
00:33
Border의 속성 'border-style'에 대한 설명
👍
5
스크랩
테크주니어의 프로필 이미지
테크주니어
의 학습노트

CSS Tutorial For Beginners 42 - Width & Height

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
4
00:39
width, height 설명을 위한 예제 코드에 대한 설명
01:51
'px'(본 강의에서는 static width로 표현)로 block level 엘리먼트에 width, height 값을 적용
👍
1
스크랩
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기