Code Master: Query

미디어 쿼리란? ▶ 미디어 쿼리는 CSS3에 도입된 CSS 기법입니다. ▶ 특정 조건이 참인 경우에만 @media 규칙을 사용하여 CSS 속성 블록을 포함합니다. 1. 미디어 쿼리 문법 (Media Query Syntax) 미디어 쿼리는 미디어 유형으로 구성되며 참 또는 거짓으로 확인되는 식을 하나 이상 포함할 수 있습니다. @media not|only mediatype and (expressions) { CSS-Code; } 지정된 미디어 유형이 문서가 표시되는 장치 유형과 일치하고 미디어 조회의 모든 식이 참이면 조회 결과가 참입니다. 미디어 조회가 참이면 해당 스타일시트 또는 스타일 규칙이 일반 계단식 규칙에 따라 적용됩니다. 연산자를 사용하지 않는 한 미디어 유형은 선택 사항이며 모든 유형이 암시..

파일 경로는 다음과 같이 외부 파일에 연결할 때 사용됩니다. Web pages Images Style sheets (CSS파일) JavaScripts (JS파일) HTML 파일 경로는 크게 2가지로 구분할 수 있습니다. ▶ 절대 파일 경로 (Absolute File Paths) ▶ 상대 파일 경로 (Relative File Paths) 1. 절대 파일 경로 예시) ▶ 위 예시처럼, 절대 파일 경로는 파일로 다다르는 전체 URL 주소를 뜻합니다. 2. 상대 파일 경로 상대 파일 경로는 제목에서도 알 수 있듯, 현재 html 파일을 기준으로 원하는 파일의 위치 경로를 나타냅니다. 예시1) 예시2) 예시3) 예시4) ▶ 예시1의 경우, picture.jpg 파일이 현재 작업 중인 html 파일과 같은 폴더에 ..

"쉽게" ≪ 왕초보자용 ≫ "쉽게" 그래서, 부트스트랩 사용하려면 어떻게 해야하는 거야? 역시나 엄청 쉽습니다. 복사 붙여넣기, 끝! 1. 공식 홈페이지 접속: https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com (※ 꿀팁 - "북마크" 설정해두시면 편합니다.) 2. 설치 대신 CDN CDN은 "Content Delivery Network"의 약자로, 한글로 풀면 "콘텐츠 전송 네트워크"라는 뜻입니다. 쉽게 얘기해서, 부트스크랩을 내 컴퓨터나 어플리케이션에 직접 설치하지 않고, "인터넷(네트워크)으로 끌어다 쓰겠다"는 소립니다. 깔끔합니다. 3. CDN 얻는 방..