250x250
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- iterable
- vscode
- A태그
- 우선순위
- onClick
- Level1
- googleappscript
- python
- 함수성능평가
- itertools
- git #github #내일배움캠프
- target
- position
- AI 5기
- WIL
- gitignore
- cte
- 가상환경
- 프로그래머스
- with\
- 알고리즘
- Display
- time()
- sql
- Iterator
- 함수실행시간
- 내일배움캠프
- AI
- venv
- googlesheet
Archives
- Today
- Total
목록Display (1)
05의 개발 계발
[TIL] 230315 [CSS] position을 이용한 겹치기 (+우선순위, display 속성)
TIL 학습목표 CSS 에서 우선순위에 대한 개념을 알고, 활용할 수 있다. CSS display 속성이 적용되는 영역과 활용법을 이해한다. CSS display 를 서로 겹치기 위해 position 속성을 활용할 수 있다. 1) 문제점 비디오를 뒷 배경으로 삼고, 그 위에 레이어처럼 글과 버튼을 위치 시키고자 하였다. 비디오는 background-image를 이용하여 넣을 수 없고, video 태그를 이용해야 함으로 CSS를 이용해 겹치고자 하였다. 그러나 CSS에 대한 지식이 부족하여 어려움을 겪었다. 2) 시도해본 것들 이번에는 CSS 지식이 부족해 일어난 일이므로, 학습을 진행했고 배운것을 정리해보자. ▶CSS가 적용되는 우선순위 (1>2>3>4>5>6) 1.속성 값 뒤에 !important 를 ..
TIL
2023. 3. 19. 00:21