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

공부 기록일지📚

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

공부 기록일지📚

검색하기 폼
  • 분류 전체보기 (387)
    • Frontend (278)
      • CSS, HTML (50)
      • CSS 프레임워크 (5)
      • JavaScript (114)
      • TypeScript (22)
      • react.js (49)
      • Next.js (9)
      • jQuery (8)
      • WIL😎 (20)
    • 코딩테스트 (27)
      • 알고리즘 & 자료구조 개념 (18)
      • 연습문제 (9)
    • 프로그래밍 (77)
      • Node.js (6)
      • Python (3)
      • 유용한 사이트 | 정보 (16)
      • Git, Github (24)
      • 정리하지 못한 내용 (3)
      • CS 지식 (25)
    • private (1)
      • interest (0)
      • 자격증 (1)
  • 방명록

is() (1)
[CSS] 반응형 웹(미디어 쿼리, 중단점), 잘 사용되는 CSS속성들

1. 미디어 쿼리란(media-query)? 뷰포트의 너비에 따라 웹 사이트트의 스타일 시트를 수정할 수 있다. (뷰포트 너비 외에도 단말기의 종류, 해상도 등을 기준으로 설정할 수 있다.) @media screen and (max-width:500px){ //스크린의 viewport 너비가 500px 이하일 경우 //적용시킬 스타일 시트 } 미디어 쿼리 예시 index.html 박스입니다 박스1 박스2 style.css * { box-sizing: border-box; } .box { height: 200px; background: blue; color: white; padding: 30px; } /* 600px이상일 때에는 파란색 이하일 때에는 빨간색 */ @media screen and (max-w..

Frontend/CSS, HTML 2023. 2. 6. 22:15
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • tilde caret
  • text input pattern
  • 프리렌더링확인법
  • 틸드와 캐럿
  • 원티드 프리온보딩 프론트엔드 챌린지 3일차
  • 원티드 프리온보딩 FE 챌린지
  • grid flex
  • getServerSideProps
  • getStaticPaths
  • 형제 요소 선택자
  • 항해99추천비추천
  • 타입스크립트 장점
  • fs모듈 넥스트
  • aspect-ratio
  • nvm경로 오류
  • reactAPI
  • 항해99프론트
  • nvm 설치순서
  • 항해99프론트후기
  • 원티드 3월 프론트엔드 챌린지
  • ~ ^
  • && 셸 명령어
  • Prittier
  • 원티드 FE 프리온보딩 챌린지
  • 부트캠프항해
  • float 레이아웃
  • D 플래그
  • is()
  • 타입스크립트 DT
  • 프리온보딩 프론트엔드 챌린지 3월
more
«   2025/08   »
일 월 화 수 목 금 토
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

티스토리툴바