css list 정리!
ul li 을 쓰게되면
이렇게 앞에 점이 붙으며 모르는 사람들이 볼때도 리스트라는걸 알수있다
ol li
이에 대한 결과
앞에 번호가 붙는걸 볼수있다!
ul,ol li를 쓰는이유는 내가 작업하던걸 다른사람이 봤을때 누가봐도 리스트라는걸 알아볼수있고 나중에 수정할때도 쉽다!
리스트 스타일정리에는 이런것들이있다
여기서 다시한번 짚고 넘어가는
block : 한 줄 모두 차지
inline : 콘텐츠 크기 만큼만 차지
CSS Position
position 속성을 통해 문서 상에 요소를 배치하는 방법을 지정한다.
top, right, bottom, left 속성을 통해 요소의 최종 위치를 결정한다.
static: 기준 없음 (배치 불가능 / 기본값)
relative: 요소 자기 자신을 기준으로 배치
absolute: 부모(조상) 요소를 기준으로 배치
fixed: 뷰포트 기준으로 배치
stickey: 스크롤 영역 기준으로 배치
postion:relative; 가 부모일때
postion:absoiute 유령
postion:static 사람
top left
z-index:;절대값이 아닌 상대값
- nav.menu_box_1>ul>li*4>a[herf=""]{}
외워서라도 익숙해지기!
:)