Worksheet [Worksheet 220419] CSS 속성-1 요소의 가로/세로 너비 기본 값 auto 기본 값 기본 값 요소의 글꼴 크기 루트 요소(html)의 글꼴 크기 요소의 외부 여백(공간)을 지정하는 단축 속성 기본 값 요소의 내부 여백을 지정하는 단축 속성 내부 여백이기 때문에 요소의 크기가 커진다. 기본 값 요소의 테두리 선을 지정하는 단축 속성 요소의 크기가 늘어난다. border: 선-두께 선-종류 선-색상; border-width 기본... WorksheetCSSCSS [Worksheet-220419] CSS 개요 선택자(selector) 인라인, 블록 요소 CSS 선언 방식에는 내장 방식, 인라인 방식, 링크 방식, @import 방식이 있다. 인라인 방식 @import 방식 CSS의 @import 규칙으로 CSS 문서 안에서 또 다른 CSS 문서를 가져와 연결하는 방식 기본 선택자 전체 선택자 태그 선택자 ABC { } 클래스 선택자 .ABC { } ID 선택자 #ABC { } 복합 선택자 일치 선... WorksheetCSSCSS [Worksheet-220415] HTML, CSS, JS HTML/CSS/JS로 만드는 스타벅스 웹사이트 문서의 HTML 버전을 지정 마크업 언어에서 문서 형식을 정의하며, 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지를 알려주는 용도이다. HTML, HEAD, BODY <html> 문서의 전체 범위 문서의 정보를 나타내는 범위 문서의 구조를 나타내는 범위 웹페이지의 보여지는 구조를 작성하는 범위 CSS, JS 연결하기... WorksheetWorksheet [Worksheet-220418] HTML HTML/CSS/JS로 만드는 스타벅스 웹사이트 요소(Element) 줄바꿈, 들여쓰기로 요소 간 구분하기 상위(조상) 요소 나를 기준으로 내 위에 있는 모든 요소 하위(후손) 요소 나를 기준으로 내가 감싸고 있는 모든 요소 종료(닫힌) 태그가 없는 태그 <tag> HTML 1/2/3/4/5 <tag /> XHTML/HTML5 인라인(inline) 요소 블록(block) 요소 상자(레이아웃)... WorksheethtmlWorksheet
[Worksheet 220419] CSS 속성-1 요소의 가로/세로 너비 기본 값 auto 기본 값 기본 값 요소의 글꼴 크기 루트 요소(html)의 글꼴 크기 요소의 외부 여백(공간)을 지정하는 단축 속성 기본 값 요소의 내부 여백을 지정하는 단축 속성 내부 여백이기 때문에 요소의 크기가 커진다. 기본 값 요소의 테두리 선을 지정하는 단축 속성 요소의 크기가 늘어난다. border: 선-두께 선-종류 선-색상; border-width 기본... WorksheetCSSCSS [Worksheet-220419] CSS 개요 선택자(selector) 인라인, 블록 요소 CSS 선언 방식에는 내장 방식, 인라인 방식, 링크 방식, @import 방식이 있다. 인라인 방식 @import 방식 CSS의 @import 규칙으로 CSS 문서 안에서 또 다른 CSS 문서를 가져와 연결하는 방식 기본 선택자 전체 선택자 태그 선택자 ABC { } 클래스 선택자 .ABC { } ID 선택자 #ABC { } 복합 선택자 일치 선... WorksheetCSSCSS [Worksheet-220415] HTML, CSS, JS HTML/CSS/JS로 만드는 스타벅스 웹사이트 문서의 HTML 버전을 지정 마크업 언어에서 문서 형식을 정의하며, 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지를 알려주는 용도이다. HTML, HEAD, BODY <html> 문서의 전체 범위 문서의 정보를 나타내는 범위 문서의 구조를 나타내는 범위 웹페이지의 보여지는 구조를 작성하는 범위 CSS, JS 연결하기... WorksheetWorksheet [Worksheet-220418] HTML HTML/CSS/JS로 만드는 스타벅스 웹사이트 요소(Element) 줄바꿈, 들여쓰기로 요소 간 구분하기 상위(조상) 요소 나를 기준으로 내 위에 있는 모든 요소 하위(후손) 요소 나를 기준으로 내가 감싸고 있는 모든 요소 종료(닫힌) 태그가 없는 태그 <tag> HTML 1/2/3/4/5 <tag /> XHTML/HTML5 인라인(inline) 요소 블록(block) 요소 상자(레이아웃)... WorksheethtmlWorksheet