전체 글 (163) 썸네일형 리스트형 2021.3.11(Thu) - Group Assignment HTML a. 중간에 가 빠져있어서 수정. b. 두번째로 가 bigbox전에 닫히지 않아서 수정. 학교소식1 학교소식2 학교소식3 학교소식4 학교소식5 Game Architecture 게임기획 게임기획자를 위한 정석 class 바로가기 Game programing 게임 프로그래밍 게임 프로그래밍을 위한 정석 class 바로가기 Game Artworks 게임 원화 게임원화 위한 정석 class 바로가기 Progamer Coaching 프로게이머 코칭 프로게이머 데뷔 class 바로가기 CSS a. 학교소식이 5,4,3,2,1 이런 식으로 거꾸로 떴었음 >>menu > lu > li 에서 float:right; 가 아니라 float: left;를 사용하니까 해결됨 p 에 글자가 이미지를 넘어감 >> 글자에 .. 2021.3.10 (Tue) - Assignment Searching and Understanding CSS (which are firstly seen) background:url >> background에 url 넣음 background-position >> 배경 dlalwl 위치 설정 x% y% >> x위 아래 y 양옆으로 text-align >> text center alignment line-height >> 줄 높이 설정 - 줄 간격 border-radius >> 테두리 둥글게 설정/ 8개 사이즈 설정 = top left> top right / top left (아래로) top right (아래로) bottom right (위로) bottom left (위로) >> Apx Bpx / Cpx D p.. 2021.3.11(Thu) - GROUP CSS FIXED VER. 달라진점 A- contents에 넣었던 margin container로 옮김 바뀌기전 #container{ width:100%; height: 600px; background: red; } #contents{ width: 1200px; margin: 30px auto 0 auto; height:100px; background: blue; } 바뀐 후 #container{ width:100%; height: 600px; margin-top: 30px; } #contents{ width: 1200px; margin: 0 auto; } 사실 이 margin에 뭔가 들어가지 않는 다면 상관은 없다고 함 달라진점 B - con_notice 에 width 부여 바뀌기 전 에는 .con_notice에 css자체를 부.. 2021.3.11(Thu) - Def box-sizing: border-box; - explorer 에선 작동이 안됨,,,,, > 적용하는 방법도 있음 문제점 A: con_item> a 부분에서 바로가기 폰트 크기 조절이 안됨 폰트를 줄이면 border도 같이 줄어들었음 해결 A: border자체에게 width랑 height를 부여해서 폰트 크기에 따라가지 않게 해준다 >> 이것만 하면 되는게 아니라 a에 line-height를 줘서 text랑 박스 사이에 간격을 만들어줘야지 박스가 텍스트 크기를 따라가지 않는다. + 폰트 가운데로 보낼때는 use text-align: center; rather than padding > why? >> tried through padding .con_item > a{ display: block; width:.. 2021.3.10 (Wed) - container/ contents HTML 교육과정 학원소개 ㅇㅇㅇ ㅎㅎㅎ ㅅㅅㅅ Game Architecture 게임기획 게임기획자를 위한~ 바로가기 Game Architecture 게임기획 게임기획자를 위한~ 바로가기 Game Architecture 게임기획 게임기획자를 위한~ 바로가기 Game Architecture 게임기획 게임기획자를 위한~ 바로가기 CSS */*element 단체 선택*/{margin:0; padding: 0;} ul,li{list-style: none;} #wrap{ width: 100%; } a{ text-decoration: none; } #header{ width: 1000px; margin: 0 auto; height: 102px; } .logo{ display: inline-block; margin-.. 2021.3.10 (Wed) -def margin 개념정리 margin: A px; - 사방으로 A px만큼 margin이 생긴다 margin: A px B px; - 위아래로 A px 만큼, 양옆으론 B px 만큼 마진이 생긴다 margin: A px B px C px D px; - 시계방향대로 마진이 생긴다/ 위로 A px, 오른쪽으로 B px, 아래로 C px, 왼쪽으로 D px Example) margin: 0 auto - 위아래로 마진을 주지 않고 양옆으로 auto는 가로 중앙에 배치한다는 뜻이다. 그리고 자연스럽게 좌우 여백은 균등하게 배분된다. couldn't see container and contents in the page. Reason was: image was bigger than 'visual'. When i chan.. 2021.3.10-code {혼자 pt.css */*element 단체 선택*/{ margin:0; padding: 0; } ul,li{ list-style: none; } #wrap{ width: 100%; } a{ text-decoration: none; } #header{ weight: 1000px; margin: 0 auto; height: 100px; background-color:blue; } #logo{ float: left; } .gnb{ float: right; } .gnb > ul > li{ float: left; padding: 40px 0; width: 102px; } .gnb > ul > li > a{ font-size: 20px; } html까지는 칠 수 있지만 css사이즈가 헷갈림 정확히 어떤게 어디에 들어가야.. 2021.3.9 (Tue) - Code 학교소개 교육과정 취업정보 커뮤니티 상담신청 Alone/ HTML CSS 아무것도 못했어 think about how it will looks like 천천히라도 *{ margin:0; padding:0; } #header{ width:1000px; margin:0 auto height:102px } #logo{ display:inline-block; /*is it same as float:left?*/ margin: top 20px; } #gnb{ float:right; } #gnb>ul>li{ float:left; padding: 40px o; width:120px; } 이전 1 ··· 17 18 19 20 21 다음
