[css/js] 애니매이션(트랜지션,트랜스폼)이론/모바일인덱스페이지만들기-슬라이드이미지,그위에화살표띄우기,그위에동그라미만들기(슬라이드하단도트)/글자위아래가운데정렬/(js)조건문-if,if/..

7. 애니메이션

ㄱ. transition : 속성시간 => @keyframe {} (<-추후 설명)

ㄴ. transform : translate, rotatem, scale, skew  (이외에도 종류많음)

 

(이외의 것들) 1. linear - gradient , backround - image

 

 

---

10장. 리뷰및 간단한 웹페이지 구현

 

1. 인덱스페이지 - 메인페이지

 ㄱ. 새롭게 들어오는 태그 - 시만택마크업  

 1. header, footer , nav, figure, figurecaption, address 등등

 

 ㄴ. 특수한 아이콘 

 1, 폰트어썸 주로 사용

 2. 예약된 문자열 

 3. 워드안에서 복붙

 4. 일러스트 또는 포토샵

 

 

 

 

 

 

 

---

 

-슬라이드 사진 위에 화살표를 둬보자

 

 

전

 

전 

 

 

 

 

 

후

 

(결과모습)

 

 

 

 

---

 

 

 

-슬라이드 사진속에 동그라미 만들기

 

 

(결과)

html

css

 

 

---

 

 

address 저거 글자를  가운데 (위아래) 정렬하기

 

 

 

 

 

 

---

 

 

 

 

<자바스크립트>

 

 

 

 

04.조건문

 

1. 간단한 조건문 

 

ㄱ. if (조건) {

   조건 결과가 true 면 문장을 실행함.

}

1. 조건문은 비교를 통해서 true, false

 

 

ㄴ. if ( 조건 ) { }

else { }

 

 

 

2. 다양한 조건들 처리 

 ㄱ. if ( 조건 ) { }

  else if ( 조건 ) { ]

  else if ( 조건 ) { ]

 else { }

 

 

 

---