jh.nrtv

CSS 기초 학습목표 CSS의 사용 목적을 이해한다. CSS의 기본 문법과 구조를 이해한다. CSS를 HTML에 적용하는 방법에 대해서 이해한다. HTML 안에 CSS를 직접 정의하는 것을 권장하지 않는 이유를 이해한다. CSS를 이용해 텍스트를 꾸밀 수 있다. CSS에서 쓰이는 단위의 두 가지 구분을 이해한다. 각 단위가 적합한 경우를 구분할 수 있다. MDN 또는 W3School 등의 레퍼런스 사이트를 이용해 CSS 속성을 검색하고 사용할 수 있다. - css는 좋은 사용자 경험을 제공하기 위한 도구 - 사용자 인터페이스(UI; user interface) ; 인터페이스는 컴퓨터와 교류하기 위한 연결고리. (원래는 불편한 CLI 사용) - 좋은 사용자 경험은 직관적이고 쉬운 UI에서 나온다. - 무료..

웹 개발 이해하기 HTML은 구조를 만드는 마크업 언어, CSS는 스타일을 담당하는 디자인 언어, JS는 상호작용 HTML 기본문법 학습목표 HTML이 "구조를 표현하는 언어" 라는 의미를 자신의 언어로 표현할 수 있다. HTML의 구조와 문법에 대해서 이해하고 적용할 수 있다. 자주 사용되는 HTML 요소(Element)가 무엇인지 알고 차이를 설명할 수 있다. , 요소가 무엇이고, 어떤 차이가 있는지 설명할 수 있다. , , 요소가 무엇이고, 언제 사용해야 하는지 알고 있다. 요소에 type 을 설정하여 다양한 종류의 요소를 활용할 수 있다. id와 class를 목적에 맞게 사용하여 사람과 컴퓨터가 읽기 쉬운, 의미 있는(sementic) HTML 문서를 작성할 수 있다. HTML5 시맨틱 요소를 적..

생활코딩 WEB2 -css 공부 필기 a 항목 전체 색상 변경 a{color:red;} a {} = 선택자 selector color:red; = 선언 declaration html 의 속성으로 style태그는 css의 효과를 불러온다 style="color:red" 웹페이지에 css 삽입하는 방법 1. 스타일태그를 쓴다 2. 스타일 속성을 쓴다. Selector 선택자 a 에 어떤 효과를 줄 것인가 property 속성 :color value 값 : red 효과의 토대 a{color:black; text-decoration: none;} h1{font-size: 45px; text-align: center;} 선택자의 토대 더 가까운 선택자가 더 큰 영향력을 갖는다 HTML CSS class는 띄어쓰기..