css 태그정리

CSS 정리
선택자
span[name] : 해당 속성을 가지고있는 모든 요소
span[name = ?] : 해당속성의 속성값이 ? 인 모든 요소
span[name ^= B] : 해당 속성의 속성값이 B 로 시작하는 모든 요소
$= -> 끝 , *= 단어 포함,
선택자 우선순위

css에서는 같은 우선순위의 선택자를 사용시에는 가장 아래에 있는 스타일을 적용시킨다.
이와 반대로 다른 우선순위는 가장 높은 우선순위에 있는 것을 적용시킨다.
Important > inline > # > . > tagnam
Text-style

Color : text 색상 적용
Text-decoration :

• Underline
• Overline
• Line-through
• None
  White-space
• Normal
• Nowrap
• Pre
• Pre-line
  문단관련 스타일
  Direction : 글쓰기 방향 표시
• Ltr : 좌측정렬
• Rtl 우측정렬
  Text-align : 글 정렬
• Left
• Right
• Center
• Justify

이미지 관련 속성
Background-image

• url : 경로지정
  background-size : x, y;
  background-repeat : no-repeat;
  background-position : x y
  background-attachment : 배경 부착방식 설정
  영역 관련 속성
  margin : 엘리먼트들 사이의 거리
  padding : 컨텐츠와 테두리 사이의 거리
  position : position 을 설정함으로써 기준점에따라 요소들을 배치할 수 있다.
• Absolute : 기준점에 따라 움직이겟다
• Relative : 기준점이 되겟다.
  Position 설정 이후 top , left, right, bottom 등으로 움직일 수 있다.
  visibility : 영역에 숨김여부
• hidden 숨겨짐
  float 태그
  어떠한 img에 float left 를 주게된다면 img가 좌측에 고정되고 다른 요소들이 img 를 피하게 된다.
• Left
• Right
  Clear : float 효과를 줄 것인지 안 줄것인지 판단한다
• Both : left,right 상관없이 효과를 받음
• Left,right : float의 속성값과 동일시에 효과를 받음.