💡 블럭요소
DIV, H1, P 등..
- 사용 가능한 최대 가로 너비를 사용
- 크기를 지정할 수 있다.
- width:100%; height:0; 로 시작
- 수직으로 쌓임
- margin, padding 위, 아래, 좌, 우 사용 가능하다.
- 레이아웃 설정에 유용
💡 인라인요소
SPAN, IMG 등..
- 필요한 만큼의 너비를 사용
- 크기를 지정할 수 없다.
- width:0; height:0; 로 시작
- 수평으로 쌓임
- margin, padding 위, 아래는 사용할 수 없다.
- TEXT 설정에 유용
💡 display 속성 (CSS)
-
display: block -> 블록요소로 변경 (블럭요소의 기본 값)
-
display: inline -> 인라인요소로 변경 (인라인요소의 기본 값)
💡 메타데이터
<meta http-equiv="X-UA-Compatible" content="ie=edge">
-> 인터넷 익스플로러를 지원하기위한 코드
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-> 반응형 웹사이트를 지원하기 위해서 필요한 코드
-> 화면에 렌더링되는 특정한 영역을 어떤 방식으로 선언할 것인지를 명시하는 부분
<style type="text/css"> 기본
'type' 부분 생략가능
"text/css" -> mime 타입mime 타입
클라이언트에게 전송된 문서의 다양성을 알려주기 위한 메커니즘
base 태그
상대경로의 기본 설정이다.
<base href="경로">
- HTML 문서당 한 번만 작성 가능
- base 태그에 적힌 경로의 아래 경로만 작성하면 됨
- 중복되는 주소를 생략하기 위해서 사용
※ HTML 문서의 모든 상대경로에 적용됨
👉🏻 일부분에서만 사용되는 경우에는 주의가 필요
📚 참고
파이팅