juble의 개발노트

1. 선택자선택자는 CSS 속성을 적용할 대상을 선택하는 문법으로, 다양한 종류의 선택자를 지원한다.  2. 기본 선택자전체 선택자모든 태그를 선택자로 지정한다. 형식 : *{ /* CSS 코드 */ }태그 선택자태그명으로 선택자를 지정한다. 형식 : 태그명{ /* CSS 코드 */ }아이디 선택자id 속성값으로 선택자를 지정한다. 형식 : #id속성값{ /* CSS 코드 */ }클래스 선택자 class 속성값으로 선택자를 지정한다. 형식 : .class속성값{ /* CSS 코드 */ }기본 속성 선택자 HTML 태그에서 사용할 수 있는 속성과 값으로 선택자를 지정한다. 형식 : [속성]{ /* CSS 코드 */ } 혹은 [속성=값]{ /* CSS 코드 */ }문자열 속성 선택자 태그의 속성값이 특정한 ..

1. CSS 기본 문법CSS는 기본으로 선택자와 선언부로 구성된 문법 형태를 가진다. 선택자 CSS 속성을 적용할 대상(태그, 요소)을 지정하는 영역이다. 선언부 선택자로 지정된 대상(태그, 요소)에 적용할 CSS 속성과 값을 적는 영역이다.  2. 주석주석은 코드에 설명을 남기는 것을 말한다. CSS에서 주석 내용은 /*와 */ 사이에 작성할 수 있다. /* 주석 내용 작성 */ 3. CSS 적용 방법CSS를 HTML 문서에 적용하는 방법은 3가지이다. 내부 스타일 시트 방법HTML 문서 내부에 style 태그로 CSS 코드를 작성해 적용하는 방법이다. 외부 스타일 시트 방법별도의 CSS 파일을 만들어 HTML 문서와 link 태그로 연결해 CSS를 적용하는 방법이다.인라인 스타일 방법모든 태그에서 사..

1. 텍스트 관련 태그HTML에서 텍스트에 사용할 수 있는 태그이다.hn 태그주제나 제목 성격의 텍스트를 작성할 때 사용p 태그텍스트로 문장 또는 단락을 구성할 때 사용br 태그텍스트를 줄 바꿈할 때 사용blockquote 태그문단 단위의 인용문을 작성할 때 사용q 태그문장 단위의 짧은 인용문을 작성할 때 사용ins 태그추가할 텍스트를 표시할 때 사용del 태그삭제할 텍스트를 표시할 때 사용sub 태그아래 첨자를 표시할 때 사용sup 태그위 첨자를 표시할 때 사용 2. 그룹을 위한 태그HTML에서 그룹화에 사용하는 태그로 div와 span 태그가 있다. 이 태그들은 태그 자체에 어떠한 의미도 없으므로 논 시맨틱 태그에 속한다. 시맨틱 태그시맨틱은 사전적으로 '의미론적'이라는 뜻이므로 시맨틱 웹은 '의미론..

0. Visual Studio Code(VS Code) 설치 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.code.visualstudio.com가장 먼저, 비주얼 스튜디오 코드를 먼..