피그마 기초 Part1 www.youtube.com/watch?v=GsZk8s5JdWg 피그마의 기초툴을 배우기 시작했다.

ul / ol li 의 개념 [ul li의 개념] [ol li의 개념] h1>대제목 h2>중간제목 h3작은제목 h4더작은제목... Mark Down 왜 쓰는가 훨씬 간편하다. ul 순서가없는 리스트 ol 순서가있는 리스트 li 리스트 목록 ul / ol 의 자식은 무조건 li 만 가능하다 =================================== ul / ol 의 노멀라이즈 [ul, li노멀라이즈] ================================== display 속성 -none --가로 배열 -inline -inline-block --세로 배열 -block

-a 노멀라이즈- a를 평범하게 만들어주는일 [a노멀라이즈(개념)](codepen.io/jangka44/pen/BPLXrO) a { color:inherit; text-decoration:none; } ============================== -body 노멀라이즈- body를 평범하게 만들어주는일 body { margin:0; } [body노멀라이즈(개념)](codepen.io/jangka44/pen/djvqLM) -클래스 선택자- [클래스 선택자(개념)](codepen.io/jangka44/pen/oMZMyQ) -자식 선택자- css menu-box > div > div span은 inline 특성을 가지고있다. -조별과제- 기획, 프로토타입 제작 -숙제- 웹기획 동영상, 1~4강 시청 ..

2021-04-16, 004일차 -수업 20강~30강 ">" : 자식 선택자 div>section*2nav[tab키 입력] "+" : 인접 동생선택자 div+section[tab키 입력] 습관적으로 백그라운드 컬러를 활용해서 오브젝트의 면적을 확인해라! -css용어 백과사전 css border : https://to2.kr/cmr CSS Borders CSS Borders The CSS border properties allow you to specify the style, width, and color of an element's border. I have borders on all sides. I have a red bottom border. I have a blue left border. CSS B..

2021-04-20, 008일차 일반 -수업 35강~37강 이미지파일 집어넣기 +Tab src에 사진넣기 이미지는 기본적으로 display:block 이다. 이미지는 고유의 크기가있다 이미지는 고유의 비율이있다 이미지는 왠만하면 가로세로중 한가지만 조절하는게 좋다. object-fit:contain : 비율을 유지한상태에서 최대한 맞춘다. object-fit:cover : 이미지의 빈공간까지 맞춰버린다. -object-postition _ _% _ _% : 이미지의 이동 인라인 CSS margin : 경계선기준 박스 바깥쪽 여백에대한 공간 padding : 경계선기준 박스 안쪽 여백에대한 공간 margin-top:10px; margin-left:10px; margin-right:10px; margin-b..

-nth - child- nth of type : 자식들 중에 nth - child(odd) : 홀수 개념 - nth-child : codepen.io/jangka44/pen/xJEeag margin, padding 을 활용한 정렬방법 개념 margin, padding 을 활용한 정렬방법 : codepen.io/jangka44/pen/xJEeag inline-block, inline -수동적으로 정렬됨 block -능동적으로 정렬 -margin 을 이용 -우측 : margin-right:auto -좌측 : margin-left:auto -가운데 : margin:0 auto 상하좌우 모두 적용가능 BMX사이트 상단 이미지 구현 BMX사이트 상단 이미지 구현(문제) : codepen.io/jangka44/p..