alsdnr6672 님의 블로그

top right bottom left 위에서부터 시계방향 margin: auto;  좌우 기준 가운데 정렬  요소 영역 --> content(내용) + padding(여백) + border(테두리) margin다른 요소와의 간격을 조정할 때 사용하는 스타일 속성

목록 관련 스타일list-style-type : 불릿 기호를 변경하고자 할 때 사용list-style-image : 불릿 기호에 이미지를 적용하고자 할 때 사용list-style-position : 불릿 기호의 위치 조정 시 사용   *ul : 순서 없는 목록   *ol : 순서 있는 목록

텍스트 관련 스타일color : 텍스트 색상 지정 text-decoration : 텍스트에 줄을 표시하거나 또는 표시하지 않고자 할 때 사용 text-transform : 영문 텍스트의 대소문자 변환 시 사용 text-shadow : 텍스트에 그림자 효과를 줄 때 사용 text-align : 텍스트 정렬 시 사용 line-height : 줄 간격 조절 시 사용 (장평 조절)

글꼴 관련 스타일 속성 font-size : 글자의 크기를 조절하는 속성으로 em, px, pt 단위가 있음font-family : 글꼴을 지정할 때 사용font-weight : 글꼴 굵기 표현할 때 사용font-variant : 영문 텍스트 문구를 작은 크기의 대문자로 변경할 때 사용font-style : 텍스트 문구를 기울여서 표현할 때 사용italic : 기울임 글꼴oblique : 원래 글자를 기울여서 표현

1)선택자 우선순위--기본적으로 css는 위에서부터 아래로 적용됨--동일한 요소를 다양한 선택자로 css를 적용한 경우 우선순위에 따라 적용됨--태그 선택자

선택자란?특정 html요소를 선택하고자 할 때 사용하는 기능 해당 요소를 선택해서 원하는 스타일과 기능을 적용시킬 수 있다.*키원드 => 속성값         키워드가 일치하는 경우 : 선택자[속성명=키워드]         키워드가 포함되어 있는 경우(전체단어) : 선택자[속성명~=키워드]         키워드가 포함되어 있는 경우 : 선택자[속성명*=키워드]          키워드로 시작하는 경우 (전제단어 또는 단어 다음에 -가 있는 경우) : 선택자{속성명|=키워드}         키워드로 시작하는 경우 : 선택자[속성명^=키워드]         키워드로 끝나는 경우 : 선택자[속성명$=키원드]