본문 바로가기

overflow:hidden;2

#21 CSS 연습, 받은 디자인 파일에서 부터의 작업 1. 디자인 파일을 받은 뒤 치수를 확인한다. - 여백, 높이, 넓이 확인. - 임의로 공간분할을 한다. : 블럭(박스)으로 나눈다. 2. 이미지와 텍스트를 구분한다. - 이미지는 커팅 - 텍스트는 3. gif : 저용량. jpg : 색이 많이 들어간 경우. 화질보정 png : 고품질, 배경무 4. 오른쪽 전체보기 영역은 공중에 띄운다. DOCTYPE html> 연습 이룸소식 제목21.12.06 제목21.12.06 제목21.12.06 제목21.12.06 전체보기 청년정책 새소식 제목21.12.06 제목21.12.06 제목21.12.06 제목21.12.06 전체보기 css를 적용해보자. DOCTYPE html> 연습 html, body, ul, ol, li, p, h1, h2{ margin:0; paddi.. 2021. 12. 27.
#20 css 연습, 헤더 만들어 css적용 오늘은 데모 사이트에서 이미지를 자른 다음, 헤더에 적용 시키는 연습을 해 보았다. 자를 이미지는 자른 아이콘들, 코딩작업 소스, 좀 어려웠던 부분은, 1. float을 주었을 때, 인라인 요소에서는 display:bolck을 줘야 높이가 먹힌다는 점. 2. overflow:hidden; - 자식속성이 float를 사용할때 염두해 두는 가장 기본요소. 컨텐츠를 만들때 넘치는 부분들을 숨겨주거나 또는 컨텐츠의 영역을 자식요소의 크기변동에 따라 유동성있게 변화 시켜주는 명령어이다. 그냥 사용시에는 유동성이 있으므로 자식요소의 크기만큼 부모요소의 영역이 유동적으로 증가, 즉 크기가 자식요소만큼조절이된다. 이런경우 별도로 높이값을 줄 필요가 없다. 높이 자동계산 이라는 개념으로 이해하면 될까, 본문영역에서는 높.. 2021. 12. 23.
반응형