[ CSS ] css 간단정리

 

블록 태그: div, hn, p , ul/ol, table …

인라인 태그: span, a, input, img…(text관련)

css적용방법

1. 인라인 : html 태그 안에
2. 문서 내부: <style></style>
3. 문서 외부: <link>

선택자

웹문서(document, page)에서 특정 영역(요소)를 선택

선택이란?: 스타일/이벤트 적용

선택자 종류

• 전체 *
• 타입(태그) : 아무것도 없음
• 아이디 #
• 클래스 .
• 그룹 (여러 선택자)
  • 선1,선2 : 선1과 선2 both
  • 선1선2 : 선1이면서 선2인 경우
• 자식: 선1>선2 : 선1 밑 선2
• 자손: 선1선2: 선1 하위 ‘모든’선2

css 속성값의 단위

• 절대값 : px, in, cm …
• 상대값 : %, em
• 키워드 : small, large …

웹폰트

구글 웹폰트 → 구글검색

RGB

0~255 (256 var color)

Red : 255,0,0

게시물 제목 100px

border : 1px solid #000

padding : 5px

margin : 3px;

넓이 = 게시글넓이 + border2 + padding2 + margin*2

• position: relative; : 요소를 원래 위치에서 벗어나게 배치할 수 있게