뉴렉처 과정 기록 (Frontend)/HTML _ CSS44 03/26 HTML/CSS 아이템 스타일(font), 스타일 초기화 가구배치 가구를 감싸고 있는 블럭은 너비나 높이가 알맹이에 딱 맞게 갖춰진 형태로 만들어져야 한다. 수평 목록 꾸미기 id명 / class명 차이 id="" -> html (문서 내에 있는 컨텐츠를 식별하게 해줌) class="" -> css (기울임이나 굵게하는 것은) 기능이 아니고 폰트였다 그것들이 모여서 패밀리를 이룸 a 태그는 폰트 컬러가 설정이 돼있어서 검정색 안먹어 초기화해주면 잘 적용됨 없애주자 2021. 3. 26. 03/25 HTML/CSS grid 중첩 레이아웃 aside와 main을 합치는 body 만들기 body 안에서 aside 와 main을 그리드로 또다시 나누기 -> subgrid 는 안 쓰나? (지원안되는 브라우저 많음) => 그리드 한번 더 쓰자! 이제 반응형해보자 960아래로 줄어들 때 aside없어지고 main만 가득차도록 css 를 1. 방을 위한 스타일 (layout.css) 2. 가구를 위한 스타일 (content.css) 3. 인라인 아이템을 위한 스타일 (component.css) 로 나눠서 만들어야 한다. 2. 가구를 위한 스타일 2021. 3. 25. 03/24 HTML/CSS grid item정렬, 방 꾸미기 Grid 아이템 정렬 developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Alignment/Box_Alignment_In_Grid_Layout Box alignment in grid layout - CSS: Cascading Style Sheets | MDN Box alignment in grid layout The Box Alignment specification details how alignment works in various layout methods. On this page we explore how box alignment works in the context of CSS Grid Layout. As this page aims to detail things.. 2021. 3. 24. 03/23 HTML/CSS grid 아이템 배치 그리드 속 아이템 배치 column이 두개 이상 존재할 때, grid 사용이 효율적이다 아이템이 없는 상태에서 트랙을 만들어놓고 사용할 수 있다는 장점 * 고정 크기 단위 minmax ( minimun값 , maximum값 ) 2021. 3. 23. 이전 1 ··· 3 4 5 6 7 8 9 ··· 11 다음
