본문 바로가기

Dev/HTML&CSS

 (14)
[HTML] meta tag charset(Character Set) charSet 유형 EUC-KR : 완성형 UTF-8 : 조합형 content http-equiv 또는 name 특성의 값을 담는 속성 http-equiv 헤더부분에 특정 속성을 담아서 보낼 수 있음 name 메타 요소가 어떤 정보의 형태를 갖고 있는지 알려줌 description : 설명 author : 작성자 viewport : 반응형 웹사이트를 제공하기 위해 필요 property og : open-graph tag 소셜 미디어 또는 오픈그래프를 활용한 사이트로 공유될때 사용되는 정보 : 문서 레벨 메타데이터 요소 - HTML: Hypertext Markup Language | MDN : 문서 레벨 메타데이터 요소 HTML 요소는 , , , , 과 같은 다른 ..
[HTML] 블럭(Block) 요소, 인라인(Inline) 요소 블록 요소 DIV, H1, P 사용 가능한 최대 가로 너비를 사용 크기 지정 가능 width:100%, height:0;으로 시작 수직> 위~아래 margin, padding 위, 아래, 좌, 우 여백 사용 가능 레이아웃 용도 인라인 요소 SPAN, IMG 필요한 만큼의 너비를 사용 자신이 포함된만큼의 내용만 사용 크기 지정 불가능 width:0, height:0;으로 시작 수평 > 왼쪽~오른쪽 띄어쓰기가 눈으로 보여지는 부분이 있어서 붙이거나 줄바꿈 방식을 통일해야함 margin, padding 위, 아래 사용 불가능 텍스트
[CSS] 선언 방식 1. 인라인 작성방식 인라인 방식 선택자가 필요 없이 요소를 직접 찾아서 작성하는 방식 직접적으로 설정하는 것은 최대한 피해야하는 방식 > 수정 어려움 2. 내장방식 embeded HTML에 포함 style태그에 CSS를 작성 3. 외부에서 불러오는 방식 /*main.css*/ div { color : blue; }
[CSS] 선택자와 속성, 값 선택자(Selector) HTML에 스타일(CSS)을 적용하기위해 HTML의 특정한 요소를 선택하는 사인 속성(Properties)과 값(Value) 스타일을 지정할 때 사용 div { // div는 선택자 color : blue; // color는 속성, blue는 값 }

티스토리툴바