본문 바로가기 메뉴 바로가기

Dongi_coding 동기_코딩

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Dongi_coding 동기_코딩

검색하기 폼
  • 분류 전체보기 (345)
    • JSP (0)
    • GitHub (0)
    • Java (23)
    • 리눅스 (1)
    • HTML & CSS (29)
    • 연습 (0)
    • HTML (47)
    • Python (82)
    • Markdown (2)
    • Flask (1)
    • Web_internet (1)
    • JavaScript (58)
    • CSS (51)
    • TypeScript (45)
    • 프로그래머스 코딩테스트 (3)
    • Computer Science (2)
  • 방명록

코로나 빨리 끝나라 제발 ㅠㅠ (1)
[CSS] Z-Index

안녕하세요 동기 여러분! 오늘은 Z-Index에 대해 알아봅시다! Z-Index 혹시 어도비의 일러스트레이터를 사용하시는 분이면 'ctrl + [ or ]'이라는 단축키를 알고 계실 겁니다. 이렇게 두 도형이 겹쳐져 있는데 분홍색 직사각형이 노란색 직사각형 위에 있습니다. 이때 분홍색 직사각형을 클릭하고 'ctrl + ['를 누르면 분홍색 직사각형이 아래로 내려갑니다. 네 ~ 이런 기능이 CSS에도 있는데 그게 바로 z-index입니다. z-index 정의와 사용방법 z-index는 요소의 겹쳐지는 순서를 정합니다. z-index의 값은 높아질 수록(숫자가 높을수록) 위에 배치됩니다. (위에 두 번째 스크린샷에 노란 직사각형이 z-index값이 2라면 분홍 직사각형은 1) ※ z-index는 오직 포지션..

CSS 2022. 1. 4. 15:54
이전 1 다음
이전 다음
공지사항
  • 동기 코딩 연락처
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • padding
  • function
  • for문
  • CSS 포지션
  • CSS
  • 파이썬
  • Type
  • html
  • Margin
  • 동기코딩
  • 타입 좁히기
  • 메서드
  • 함수
  • html table
  • Object
  • 프로그래머스
  • 자바스크립트
  • css position
  • Array
  • if문
  • HTML 기본
  • 반복문
  • Typescript
  • javascript
  • method
  • 타입스크립트
  • 객체
  • Python
  • 실수
  • em
more
«   2025/05   »
일 월 화 수 목 금 토
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 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바