HTML/CSS 강의 6일차(1) : li응용, dl(정의된 리스트), hover

css

html

 

 

 

ul속성은 아래로 배치되는 구조이기 때문에 css에서 float을 주면 수평 정렬이 가능함

[even] 짝수

[odd] 홀수

[xn]은 x의 배수

[hover]마우스 오버시 적용되는 스타일들

 

 

 

 

 

왼(css) 오(html)

 

테이블이 아닌 ul으로 예제만들어보기 이렇게 하면 상하 정렬이 되지만 아까 배운대로 css에서 li한테 float을 주면 수평 정렬 가능

 

 

 

 

 

 

 

 

 

근데 이걸 두줄로 내려오게 만들고 싶다? li들한테 2의 배수 되는 애들한테 오른쪽 marging(여백)값을 주면 width값에 맞춰서 자동으로 내려오게 됨(ul의 width값과 li들의 width값을 계산해야해서 본격 암산해야함)

 

 

 

 

 

 

 

[dl]은 정의 할 수 있는 리스트태그 이며

[dt]는 dl의 제목

[dd]는 dl의 내용