[CSS] CSS 입문 02 (170324)

CSS 입문 02

• float 속성2

- float 된 요소에 영향을 받지 않게 하기 

 : clear: both;

 : clear: right;

 : clear: left;

** 출력 결과 **

• 기본 스타일 제거

- ul 요소의 기본 스타일 제거 

list-style-type: none;

- a 요소의 기본 스타일 제거

text-decoration: none;

• Text 요소 (글자 스타일/글꼴/글자의 굵기/글자 꾸미기/글자의 크기/대소문자 변환 규칙/자간/들여쓰기)

• z-index

** 출력 결과 **

• CSS 가중치

1. css는 선택자가 상세할수록 가중치가 크다.

2. 가중치가 같으면 나중에 정의한 css가 적용된다.

3. 가중치가 같으면 나중에 정의한 css가 적용된다.

요소명 선택자 가중치 : 1점

클래스 선택자 가중치 : 10점

아이디 선택자 가중치 : 1000점

인라인 css 가중치 : 1000점

!important 가중치 : 10000000000점

• 중앙 정렬

- div의 수평 중앙 정렬 : margin: 0 auto;

- text, inline, inline-block요소 중앙 정렬 : text-align:center;

• QUIZ > div 속 div 중앙정렬 시키기

ANSWER >

1. 

2.

3.

• em과 rem

** 출력 결과 **

• Navigation

• BasicTab

selected를 이용한 탭

** 출력 결과 **

• Dropdown

** 출력 결과 **