yeonni

풀다운 멀티메뉴 시험

html { /* 1개 */ } body { /* 1개 */ } html body { /* 1개 */ } html > body { /* 1개 */ } html, body { /* 2개 */ } ul { /* 3개 */ } body > ul {/* 0개 */ } body ul { /* 3개 */ } body > nav > ul { /* 1개 */ } body > nav ul { /* 3개 */ } body > nav.menu ul { /* 3개 */ } body > nav.menu ul ul { /* 2개 */ } body > nav.menu ul ul ul { /* 0개 */ } body > nav.menu li { /* 6개 */ } body > nav.menu li li { /* 4개 */ } bod..

position static (기본값) absolute : z축으로 살짝 들어내서 다른 차원에 있는것처럼 유령화 함 * 부모나 형제에 구속되지 않음 윈도우에 구속되어있음 (윈도우 화면을 벗어 날 수 없음) left : x축 이동 top : y축이동 - transform (변형) :translateX(-50%) 너비의 50퍼센트 translateY(-50%) 높이의 50퍼센트

- inline block으로 그리드 만들기 - vh를 이용한 화면높이의 비율로 엘리먼트 높이 조절 ★노말라이즈 하는 법 ! 그냥 외우기 body { margin:0; } .inline-grid { font-size:0; } .inline-grid > * { display:inline-block; font-size:1rem; vertical-align:top; }

yeonni.tistory.com/25?category=891032 #008 매거진 느낌의 PC디자인 방법 youtu.be/4Rhi5bdB00g - 그림자로 살짝 띄운 사진 느낌 내는 법 - 은율감 ! 꼭 크기에 따라 정해지는 것이 아님 컬러, 이미지 로도 은율감을 줄 수 있음 yeonni.tistory.com yeonni.tistory.com/27?category=891032 #009 Adobe Xd를 이용한 PC태블릿 형태의 SNS컨셉 디자인 youtu.be/ydaLsscTrDs - 이미지 배치가 중요함! - 막힘없이 진행하라. 수정을 감안하고 작업하면 두려움이 사라진다. yeonni.tistory.com yeonni.tistory.com/28?category=891032 #010 자동차를 이용한 P..

순서가 있는 리스트 순서가 없는 리스트 youtu.be/PMFHp8-HZyg 65강 메뉴 구현 5분안에 해내기 66강 메뉴 아이템 3개 만들고 글자 색만 다르게 하기 처음엔 많이 어려웠는데 강의에 집중하고 혼자서 깨우치기 시작하면 어렵지 않은 것 같다 !!! 수업시간에 꼭 집중하기 ~~

- 마디아 영상 리뷰 #008 글 작성 - 한달동안 공부했던 웹디자인 기능사 필기 시험 후기 학원 면접 보러 왔던 3월 17일부터 따즈아 강의 들었지만 본격적인 공부를 시작했던건 3월 22일! 하루에 3강씩 들으려고 계획을 짰지만 완벽하게 지켜지진않았다 ;;^^ 중간에 일주일 놀러가기도 했고 .. 따즈아 강의랑 ppt자료만으로는 공부하기 조금 불친절한 부분이 있어서 영진닷컴 이기적 웹디자인 기능사 필기 책을 사서 병행하면서 공부했다 일단 따즈아 강의랑 절대족보 책으로 개념공부를 다 하고 CBT랑 기출문제 책을 풀기로 계획을 짰다 개념 공부는 4월 17일에 다 끝냈다 심지어 따즈아 강의는 다 듣지도 못했다.. ㅋㅋㅋ 그래도 CBT 온라인 모의고사로 시험 봤을때는 매번 합격점수를 넘겨서 약간 불안한 마음이 ..

HTML 1차메뉴 nav > a { padding: 20px; display: block; } div > section > nav:hover > a { color: white; background: black; }

- id : 식별자 ※아이디가 같으면 안됨 숫자로 시작하면 안됨 - # : 아이디를 부름 - class : id와 동시에 사용할 수 있음 ※ 클래스가 같을 수 있음 클래스가 여러개일 수 있음 - . : 클래스를 부름 - 띄어쓰기 : 후손 선택 - 붙여쓰기 : 중복조건 - A + B : A 뒤에 오는 B 선택 - A ~ B : A 뒤에 오는 모든 B 선택 - * : 모든 것 선택, -A* : a에 있는 모든 것 선택 ### inherit - 뜻: 상속 = 부모의 성질을 따라감

- 포스터 디자인 생각하기 ! 많이 보고 여러가지 생각하기 어떤거 하고싶은지 : ① 여름 음악 페스티벌 포스터 ? - 청량한 분위기 . 하늘색 ~ 흰색 ( 라인업 가수 리스트 어떻게 만드는것이 좋을지) ② 여름 행사. - 친구들과 집들이 포스터 만들기 ( 참가자 , 행사 순서 등등 )