CSS Selectors 선택자. 누굴 선택할 것인가? HTML 요소를 선택하여 스타일을 적용할 수 있도록 한다 - 전체 (" * ") 선택자 - 요소( tag ) 선택자 - 클래스 (class) 선택자 - 아이디 (id) 선택자 - 속성(attr) 선택자 ▷기본 선택자 - 전체 (" * ") 선택자 모든 태그, 모든 text 전체를 선택하는 것 더보기 h1은 여기예요 h2은 여기예요 h3은 여기예요 h4은 여기예요 목록 하늘 바다 산 나무 꽃 풀 Lorem, ipsum dolor. - 요소( tag ) 선택자 tag 속성에 대한 선택을 하는 것 h1~h6, p 같은거 문서 전체에 있는 h2 tag를 선택하겠다. 요소 선택자는 이렇게 콤마( ,) 를 사용해서 이어갈 수 있다. 더보기 h1은 여기예요 h2..

▷ CSS 적용 방법 1. 인라인(Inline) 스타일 Inline Style 태그 안쪽의 속성값을 말한다. 여기서는 style="color: rgb(181, 84, 194); background-color: #5842d1; 이 부분 더보기 Inline Style Internal Style External Style 2. Internal style sheet HTML head 내부에 작성하는 것 을 하면 이 안은 CSS 영역으로 바뀐다 더보기 Inline Style Internal Style External Style 3. External style sheet 외부 파일을 불러와서 스타일링을 하는 것 사용자에게 보이면 안되는 영역이기 때문에 head에 코드를 작성한다 더보기 Inline Style Int..

CSS 선언은 명시적이어서 이해하기 쉽다. 그런데, CSS의 어려운 점은 속성이 아주 많다는 것이다. 하나의 선언이 끝나면 세미콜론 (;)을 적어줘야한다.

CSS (Cascading Style Sheet) 웹 페이지의 디자인과 레이아웃을 구성하는 언어 박스를 어디에 배치할지 색을 입히고, 동그랗게 만들고, 좌우로 배치, 상하로 배치 * 권장사항 1. 인라인 스타일은 사용하지 말것 2. CSS와 HTML 구조가 섞이기 때문에, 코드를 이해하기가 어렵게 된다. 3. CSS 속성을 다 외울 필요는 없다. 주로 활용하는 속성 위주로 보면 자연스럽게 익히게 된다. 개발하며 필요할 때마다 검색해서 학습한 후에 사용하기

▷ mdn 문서 firefox를 만든 모질라 재단에서 하는 development network 웹 표준의 문서를 잘 정리하고 있는 웹사이트 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p : The Paragraph element - HTML: HyperText Markup Language | MDN The HTML element represents a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML ..

HTML은 Tag 안에서 엔터를 친 것을 엔터로 인식하지 않는다. 그래서 을 통해 따로 줄바꿈을 만들어주어야한다.

Heading Heading texttext This is emphasis hit my name is 파이썬 알고리즘 웹 - Heading & Paragraphs 가장 큰 대주제 마크다운 # 랑 같다 문서의 최상위 제목이라는 뜻 그 다음으로 작은 글자 h1~h6까지 있다. - Lists ordered list 정렬된 리스트 list 그냥 리스트 얘는 unordered list이다 - 강조 strong tag / bold체 this is strong - 기울임체 em tag / emphasis this is emphasis

! + enter

My page Google Paragraph element Hi I am a watermelon 문단이 들어가는 부분 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p : The Paragraph element - HTML: HyperText Markup Language | MDN The HTML element represents a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML paragraphs c..

Ctrl + / 언어마다 다르지 않고, 다 똑같다.