본문 바로가기

웹 개발40

14. 웹 개발을 위한 기본 CSS 태그 모음 & 요약 정리 5 1. 미디어 쿼리1 미디어쿼리12. 미디어 쿼리 2 솔로의 식탁 밥/죽 샐러드 반찬 토스트 음료/칵테일 솔로의 식탁 #container { width: 100%;}header { width.. 2024. 4. 12.
13. 웹 개발을 위한 기본 CSS 태그 모음 & 요약 정리 4 1. z-index z-index 1번째 div 2번째 div 3번째 div 2. float1 float1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique saepe a ut animi quisquam velit fuga! Odit, ipsum natus esse ut, et sed mollitia quidem cumque iusto reprehenderit sapiente quos. Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut tenetur repellat, voluptatum obcaecati lab.. 2024. 4. 12.
12. CSS레이아웃과 스타일링 1. 레이아웃 속성Z-indexHTML 요소의 위치를 설정하게 되면 위치 및 방식에 따라 요소가 겹칠 수 있음겹쳐지는 요소들이 쌓이는 순서를 결정할 때 z-index를 사용순서는 숫자의 크기가 클수록 위에 위치하고 작을수록 아래 위치하게 됨FloatHTML 요소가 주변(수평으로 나열된)의 다른 요소들과 자연스럽게 어울리도록 만듦float를 적용받은 요소의 다음에 나오는 모든 요소들이 끌어올려짐float를 적용받은 요소의 다음에 나오는 요소방향을 결정(left, right)컨텐츠 크기 만큼만 영역을 설정(블록)float를 적용받은 요소는 다른 요소(배경)보다 위에 위치Clearfloat 속성이 적용된 이후 나타나는 요소들의 동작을 조절float 속성이 적용되면 그 이후에 등장하는 모든 요소들은 정확한 위치.. 2024. 4. 12.
11.웹 개발을 위한 기본 CSS 태그 모음 & 요약 정리 3 1. css배경1 css 배경1 배경 적용하기 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium quo tenetur accusamus commodi optio, ipsa corrupti illo cumque dolor fugiat delectus quis vero, inventore quasi aperiam dolorem deleniti, ab quisquam! 2. css배경2 css 배경23. css배경3  css 배경3 background-position 1 Lorem ipsum dolor sit amet consectetur adipisi.. 2024. 4. 9.

티스토리툴바