전체 글80 #8 웹 디자인 실습 PC 섹션 디자인 - 영상리뷰 저번시간에 이어 하단 영역 디자인을 이어서 해보았다. 이번에는 Find your bmw와 Journal 섹션 영역 디자인을 했다. 깔끔하면서... 심플하지만 눈에 보기 편하게 그리드를 설정하는 방법이 아직은 조금 어려운 것 같다. 스케치 심볼을 활용해서 디자인을 하는 것 같다. 2021. 4. 23. #7 웹 디자인 실습 PC배너 디자인 영상 리뷰 웹 디자인 실습에서 PC의 배너를 만드는 과정이다. 2021. 4. 23. #6 웹 디자인 실습 PC헤더 디자인 영상리뷰 PC헤더를 만든다. 헤더는 사이트의 목록이나 링크별로 이동할 수 있도록하고, 주로 회사의 로고가 들어있다. 2021. 4. 23. 공부기록, 21-04-21 nth-child 'div:nth-child()' : n 번째 자식에게 효과를 줄 수있다. 괄호안에 숫자를 넣는다. 'div:nth-child(n+00)' : n번 + 00번째 마다 동일한 효과를 준다. -> 무지개만들기 복습 margin:auto : 마진을 자동으로 준다. 가운데 정렬이 가능함 2021. 4. 23. 공부기록, 21-04-20 img 사용하기 img + Tab (srp는 소스로 이미지 주소를 넣는다.) margin, padding margin : 상자 바깥의 여백 magin:0 15px; : 위아래 제와하고 양 사이드에만 15px씩준다. padding : 상자 안쪽의 여백 2021. 4. 23. 공부기록, 21-04-19 section 안에 nav 안에 a, a 는 글자를 가지고있음. 이것을 7개 만드는 방법 section>nav*7>a 젠코딩 : -section>({|}+nav>a[href="#"]{메뉴아이템 $})*7+{|} 2021. 4. 23. 이전 1 ··· 7 8 9 10 11 12 13 14 다음