목록(3)
-
4-5. 목록(List) 스타일 - 2
1. list-style-position으로 목록 지정하기목록이 지정된 블록 영역의 "안쪽(inside)" 혹은 "바깥쪽(outside)"에 블릿을 표현합니다. 다음의 예제에서 그 결과를 확인할 수 있습니다. insidelist item1list item2list item3outsidelist item1list item2list item3 2. list-style-image으로 이미지 블릿 지정하기"list-style-image" 속성은 블릭을 이미지로 표현할 수 있게 하는데, 그 이미지의 위치를 섬세하게 지정할 수는 없기 때문에 보통 실무자들은 "background" 속성을 활용하는 편입니다. "list-style-image" 속성을 사용할 경우 불러 올 이미지의 경로는 "url()"로 지정합니다. l..
2018.02.05 -
4-5. 목록(List) 스타일 - 1
1. list-style-type으로 목록 타입 지정하기목옥에는 과 이 있습니다. "비순차적"인 목록은 항목 앞에 disc, circle, square 형태의 블릿(bullet) 표시가 생깁니다. "순차적"인 목록은 각 항목 별로 숫자가 붙는데, 알파벳이나 로마숫자로 변경할 수도 있습니다. css에서는 , 관계없이 모든 형태의 블릿과 넘버가 가능합니다.1-1. 비순차적 목록(Unordered List, ul) 타입 지정하기 이때 지정할 대상은 개별 항목인 보다는 모체에 해당하는 이나 요소에 지정하는 것이 좋습니다. 이와 같은 타입들은 각 항목을 꾸미기 위한 것이기보다 항목을 그룹화(Grouping)하려는 목적이 더 크기 때문입니다. 1-2. 순차적 목록(Ordered List, ol) 타입 지정하기요소를..
2018.02.02 -
3-8. 각종 목록을 표현하는 요소
1. 일반적으로 목록작성에는 요소(비순차적 목록 unordered list)또는 요소(순차적 목록 ordered list)를 사용하며, 각 항목은 요소(list item)로 정의합니다. , 요소 모두 블록 레벨 요소이며, 이외의 요소를 포함할 수 없습니다. 요소 또한 블록 레벨 요소로서 인하인 요소와 텍스트를 포함할 수 있고, 또 다른 블록 레벨 요소를 포함할 수 있습니다. 또, 정의형 목록을 표현하는 요소(definition list)가 있는데, 이는 , 요소를 포함합니다. 요소는 특정 요소를, 요소는 그레 대한 정의를 지정하는 것이 일반적입니다. 2. 비순차적 목록 ul요소 2-1. 요소를 활용한 메뉴제작 소스코드 Main menu About Services Portpolio Contact US -실..
2017.10.12