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 | 31 |
Tags
- 1인 게임
- 프로그래머스 #최소힙 #우선순위 큐
- 1인 개발
- FPS
- 합격
- 토이 프로젝트
- 정처기 필기
- Unity #Unity2D #Portal
- 게임
- 자바스크립트 게임
- Unity2D
- Vampire Survivors
- 게임제작
- 퐁
- portal
- 유니티
- 필기
- 1인 게임 제작
- 정보처리기사
- 게임 제작
- 1인 게임 개발
- Pong
- 유니티 3D
- 게임 개발
- unity3d
- 자바스크립트
- 유니티3d
- 정처기
- 3회차
- Unity
Archives
- Today
- Total
Coding Feature.
CSS #5 반응형 디자인, 미디어 쿼리, CSS 코드의 재사용(링크) 본문
반응형 디자인이란?
화면의 크기에 따라 디자인이 바뀌는 기능.
미디어 쿼리의 도움으로 구현이 가능.
<style> 태그 내
@media(min-width:800px){
div{
display:none;
}
}
화면 너비가 800px 보다 크다면 div 내 컨텐츠를 감춘다.
max-width:800px -> 800px보다 작다면..
여러 문서에서 <style> 태그의 중복 사용으로 수정이 힘들다면.
- style 태그 내용을 .css 파일로 저장한다.
- style 태그가 사용될 각 문서들의 헤드 태그에
<link rel="stylesheet" href="(css파일명)">
을 작성한다.
그러면 각 문서는 .css파일을 다운받고 그 내용을 자신의 문서에 그대로 사용하게 된다.
'생활코딩 독학 > WEB2 - CSS' 카테고리의 다른 글
CSS #4 그리드 (0) | 2023.01.08 |
---|---|
CSS #3 박스 모델 (0) | 2023.01.08 |
CSS #2 선택자 (0) | 2023.01.08 |
CSS #1 처음~CSS 속성 (0) | 2023.01.08 |