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 |
Tags
- 함수성능평가
- 우선순위
- python
- 데이터리안
- 프로그래머스
- Level1
- A태그
- 가상환경
- 내일배움캠프
- Iterator
- vscode
- googleappscript
- Display
- 데이터넥스트레벨챌린지
- 그로스해킹
- iterable
- position
- cte
- googlesheet
- gitignore
- git #github #내일배움캠프
- 데벨챌
- venv
- WIL
- time()
- 함수실행시간
- 알고리즘
- with\
- itertools
- AI 5기
Archives
- Today
- Total
목록CSS (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