본문 바로가기

개발34

목록을 만드는 태그 목록을 만드는 태그를 이용하면 텍스트, 이미지 등을 목록화해 정리 할 수 있고, CSS를 적용하여 다양하게 활용 할 수 있다. 태그 종류는 , , 있다 1. , 태그 : 순서 없는 목록 순서가 없는 목록을 만들때는 태그 안에 를 사용해 각 항목을 표시한다. ul는 unordered list 를 의미한다. 내용 내용 내용 내용 2. , 태그 : 순서가 있는 목록 순서가 있는 목록을 만들때 태그 안에 를 사용해 항목을 표시한다. ol는 ordered list를 의미한다. 내용 내용 내용 내용 3. , , 태그 : 설명 목록 태그는 제목, 설명을 구성하는 설명 목록을 만들때 사용한다. ex) 질문과 답 목록, 제목과 설명 목록 태그 안에 태그로 제목을 넣고 에는 설명을 표시할 수 있으며 여러개의 태그와 태그를.. 2022. 8. 15.
float 알아보기 1. float ? 이미지나 텍스트를 정렬할때 사용하는 CSS속성이다. 2. float의 속성값 float : left 왼쪽 배치 float : right 오른쪽 배치 float : inherit 부모값에 상속 float : none 기본값 * position:absolute가 사용된 경우 float 속성 무시된다. 3. float 적용 예시 [float 속성이 없는 경우] 요소는 대표적인 블록(block) 요소로 float 속성이 없어 아래로 쭉 나열된다. 1 2 3 [float: left가 적용된 경우] 에 float: left 가 모두 적용되어 있어 왼쪽에 쭉 나열된다. 1 2 3 [float: left와 float:right가 같이 적용된 경우] 1,2번박스는 왼쪽에서 쭉 나열되고 3번박스는 창의.. 2022. 8. 14.