[카테캠 3주차] CSS 개요

기본 문법, 주석 선택자: CSS 를 적용할 대상 속성 : CSS의 종류 값 선언 방식 내장 방식 인라인 방식 css 적용 우선순위중 가장 높은 순위를 가지게 된다. CSS 유지보수를 하는 경우에 !important 와 더불어 문제가 될 가능성이 높기 때문에 지양하는 것이 좋다. 링크 방식 @import 방식 처음본거같은데.. 반성합니다. 자주 쓰는 방식은 아니라고한다. 직렬으로 연결하는 방식 why 직렬? main.css 가 HTML 문서에 링크되어있지 않으면 box.css 도 사용되지 않기 때문이다. CSS 선택자 기본 선택자 1. 전체 선택자 모든 요소를 선택합니다. 2.태그 선택자 3. 클래스 선택자 4. 아이디 선택자 복합 선택자 1. 일치 선택자 아래 예시에서는 태그 선택자와 클래스 선택자가 ..

[카테캠 1주차] 웹에서 시작하기 / HTML 개요 / HTML 핵심 정리

브라우저 스타일 초기화왜 브라우저 스타일을 초기화 해야할까요? 브라우저 마다 기본 css가 달리 적용되어 있기 때문에 모두 리셋을 해주는 편이 후에 크로스 브라우징 개발에 유리합니다. 파일명.min.확장자와 같이 min 키워드는 파일이 난독화나 경량화 되었다는 것을 의미합니다. 우리가 외부에서 가져와 사용하는 플러그인, 라이브러리등은 직접 수정할 상황이 드물기 때문에 굳이 원본을 사용할 필요가 없습니다. Emmetdiv 작성하고 Tab 누르면 Emmet 을 사용할 수 있습니다. 나 왜 안쓰고 있었지? Emotion 써서 그런가. 알아두면 좋을 듯하다. HTML 기본 용어 Contents

[카테캠 1주차] VSC 단축키 / 무작정 시작하기

Visual Studio Code 단축키 바꾸기(대체): Cmd + Alt + F 한줄 복사 : Alt + Shift + Up / Down 탭 이동 : Cmd + Shift + [ or ] 편집기 분할 : Cmd + \ 분할 화면 이동: Cmd + 1 (첫번째 분할 화면으로) DOCTYPE 이란? 문서의 HTML 버전을 지정합니다. DOCTYPE(DTD, Document Type Definition)은 마크업 언어에서 문서 형식을 정의하며, 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지를 알려주는 용도입니다. HTML, HEAD, BODY 문서의 전체 범위를 의미합니다. HTML 문서가 어디에서 시작하고, 어디에서 끝나는지 알려주는 역할을 합니다. 문서의 정보를 나타내는 범위..

[카테캠 1주차] 개요

프론트 엔드 개발이란? HTML CSS JS를 사용해 데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고, 그것으로 사용자와 상호 작용할 수 있도록 하는 것. HTML, CSS 그리고 JS HTML (Hyper Text Markup Language) 페이지의 제목, 문단, 표, 이미지, 동영상 등의 웹의 구조를 담당. * 하이퍼 텍스트란? : 참조를 통해 현재 문서(페이지)에서 다른 문서로 즉시 접근(이동) 할 수 있는 텍스트를 말합니다. 일반적으로 알고 있을 링크 버튼(텍스트)를 의미합니다. CSS (Cascading Style Sheets) 실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당. JS (JavaScript) 콘텐츠를 바..