1. 하위 선택자 디자인하기
아래와같이 디자인 하고자하는 목록에서 특정 리스트만 컬러를 주기 위해서는 ul 하위의 li를 선택하여 color 를 주면 특정 텍스트만 적용이 되고 ul, ol 전부 디자인하고자 한다면 한꺼번에 ul, ol 를 적용하여 컬러를 줄수가 있습니다.
우리가 텍스트에 링크를 걸었을떄에 어떠한 효과를 주기 위해서 가상클래스 선택자를 사용하게 되며 style 에서 a 태그 링크에 .link 속성은 방문한적이 없는 링크, active 속성은 마우스를 클릭하였을때, hover 속성은 마우스를 롤오버 하였을떄, visited 속성은 방문한적 있는 링크로 color 색상을 지정하였습니다.
지금까지 기초적인 css 속성중에서 많이 사용하는 몇가지 속성들을 정리해 보았으며 font-size 속성은 폰트사이즈, color 은 폰트 색상 margin-top 텍스트의 상단간격, margin-left 텍스트의 왼쪽간격, background-color 속성은 배경 색상입니다.
지금까지 css 태그에서 하위, 중복선택자와, 링크와 가상클래스, 그리고 지금까지 배워온 빈도수가 높은 태그들에 대해서 살펴보았습니다.
2. 링크의 가상클래스 선택자
우리가 텍스트에 링크를 걸었을떄에 어떠한 효과를 주기 위해서 가상클래스 선택자를 사용하게 되며 style 에서 a 태그 링크에 .link 속성은 방문한적이 없는 링크, active 속성은 마우스를 클릭하였을때, hover 속성은 마우스를 롤오버 하였을떄, visited 속성은 방문한적 있는 링크로 color 색상을 지정하였습니다.
3. css 중요도가 높은 속성들
지금까지 기초적인 css 속성중에서 많이 사용하는 몇가지 속성들을 정리해 보았으며 font-size 속성은 폰트사이즈, color 은 폰트 색상 margin-top 텍스트의 상단간격, margin-left 텍스트의 왼쪽간격, background-color 속성은 배경 색상입니다.
지금까지 css 태그에서 하위, 중복선택자와, 링크와 가상클래스, 그리고 지금까지 배워온 빈도수가 높은 태그들에 대해서 살펴보았습니다.
