unit5[html/css]활용
레이아웃 각각의 요소를 목적에 맞게 배치 와이어프레임 레이아웃의 뼈대를 그리는 단계 목적 : 화면의 영역 구분 목업 실물 크기의 모형 실제 작동 모습과 동일하게 html문서 작성 *하드코딩 : html문서에 하나하나 입력 Atomic CSS 방법론 클래스 이름과 구현을 1:1로 일치 시킴 , 아주 작은 단위로 css를 작성하는 기법 .so{ height:50%; } 레이아웃 리셋 *{ box-sizing:border-box; } body{ margin : 0; padding: 0; } display:flex 부모요소에 적용 부모요소에 적용해야하는 flexbox 속성들 flex-direction : 정렬 축 정하기 아무것도 설정 X : 기본적으로 자식요소들을 가로 정렬 row(기본값) : 가로 정렬 col..
codestates/section1
2022. 12. 23. 12:54