본문 바로가기

Daily/TIL

[TIR+TIL] 2022년 10월 12일

728x90

# Today I Read...

"인생의 기회를 놓치지 말자"

Life loves to be taken by the lapel and told: "i'm with you kid. Let's go".

인생은 우리가 제 옷깃을 부여잡고 "나랑 너랑 같이 해보는 거야. 자, 가자. 하고 말해 주는 것을 좋아한다.".

'무엇을 하든지 한번 해보는 것도 괜찮아..'

[린다 피콘, 365매일 읽는 긍정의 한줄(책이있는풍경,  2012), October Day12]

# Today I Learned...

# Ucamp Web Ui교육 2일차 교육 내용.

1. Selector(선택자)

2. HTML에 CSS를 적용하는 방법

3. 선택자 종류

4. 타입 선택자(type selector)

5. 아이디 선택자(id selector)

6. 클래스 선택자(class selector)

7. 속성 선택자

8. 자손, 자식, 형제 결합자

9. 가상 클래스(pseudo-class)셀렉터

10. Style 속성 - colors

11. margin, padding, border

12. Box model

13. Style 속성 종류

14. 박스 유형 제어 : display

15. 화면 배치 - position

16. 동적 변화 만들기 - 애니메이션(animation)

17. 동적 변화 만들기 - 전환(transition)

18. 동적 변화 만들기 - 변환(transform)

 

# CSS 2일차 과제

- 1일차 과제에 style css 적용하기

- margin 속성 사용하여 가운데 정렬하기

- bc 배경이미지 적용하기 + 전체화면으로 출력하기

- border-radius 사용하여 이미지 모서리 둥글게 만들기

- 영화 이미지에 filter animation 사용하기

- pseudo-class 셀렉터 :hover 사용해보기.

- 테이블 요소에 id, class 속성 부여하여 :nth-child 구조 출력하기.

 

반응형

'Daily > TIL' 카테고리의 다른 글

[TIR]2022년 12월 18일  (1) 2022.12.18
[TIR+TIL] 2022년 10월 11일  (1) 2022.10.11
[TIR+TIL] 2022년 10월 5일  (1) 2022.10.05
[TIR + TIL] 2022년 10월 4일  (1) 2022.10.04
[TIR+TIL] 2022년 10월 3일  (1) 2022.10.03