layout4 [HTML] reset / 네비게이션 지난 시간 가장 기본적인 틀 *{margin: 0; padding: 0;} li{list-style: none;} a{color: #333; text-decoration: none;} .clearfix::after, .clearfix::before{content: ""; display: block; clear: both;} 네비게이션#wrap{width: 1200px; margin: 0 auto; background-color: beige;} #header{width: 90%; height: 100px; background-color: rgb(173, 218, 203); margin-left: 5%; }제목 테그 초기화더보기/* 제목 테그 초기화 */ h1,h2,h3,h4,h5,h6{font-weight.. 2023. 4. 5. [HTML] 간단한 기본 홈페이지 구조 @charset "utf-8"; *{margin: 0;padding: 0;} #wrap{width: 1000px; height: 650px; margin: 0 auto;} header{width: 300px; height: 650px; background-color: antiquewhite;float: left;} header .logo{width: 300px; height: 150px;background-color: azure;} header .nav{width: 300px; height: 500px; background-color: beige;} #sec{width: 700px; height: 650px; background-color: aliceblue; float: left;} #banner{wi.. 2023. 4. 3. [HTML] 기본 이해하기 1.시작 더보기 파일명이 HTML이 아닌경우 나오지 않는다. viewport=반응형 더보기#wrap +tap더보기id는 한번만 사용 2. 다중 div 한번에 속성넣기 3. 레이아웃 01 더보기/*주석*/ = style = ctrl + / 한줄 주석 m0-auto = margin: 0 auto;주석/*주석*/ = style ctrl + / 한줄 주석 = body m0-auto margin: 0 auto; 더보기* (universal selector)은 전체 모든 요소를 선택하는 CSS선택자이다.wrap 높이값 맞추기더보기wrap 높이값 맞추기가장 기본이되는 틀의 높이값은 주지 않으면 된다.→자동으로 가장 긴 높이값을 찾아서 줌 헤더 배너 컨텐츠1 컨텐츠2 푸터 글씨 정리 * margin: 0; /*바깥쪽 .. 2023. 3. 31. [ANDROID STUDIO] 레이아웃 (리니어 레이아웃) 레이아웃 ViewGroup 클래스로부터 상속 받으며 내부에 무엇을 담는 용도로 사용 레이아웃 중에서 가장 많이 사용되는 것은 리니어레이아웃(LinearLayout) 레이아웃에서 자주 사용되는 속성 orientation : 레이아웃 안에 배치할 위젯의 수직 또는 수평 방향을 설정 gravity : 레이아웃 안에 배치할 위젯의 정렬 방향을 좌측, 우측, 중앙으로 설정 padding : 레이아웃 안에 배치할 위젯의 여백을 설정 layout_weight : 레이아웃이 전체 화면에서 차지하는 공간의 가중값을 설정, 여러 개의 레이아웃이 중복될때 주로 사용 baselineAligned : 레이아웃 안에 배치할 위젯을 보기 좋게 정렬 레이아웃의 종류 리니어레이아웃 : 왼쪽 위부터 아래쪽 또는 오른쪽으로 차례로 배치 .. 2022. 10. 5. 이전 1 다음
