처음부터 차근차근

CSS 선택자의 종류 1. HTML 요소 선택자 (타입 선택자) CSS를 적용할 대상으로 HTML 요소의 이름을 직접 사용하여 선택할 수 있습니다. 특정 태그에만 적용하고 싶을 때 사용되며, 특정 태그 전체에 적용됩니다. /* p 태그에 style 적용시키기 */ p { color: blueviolet; margin: 0; } 2. id 선택자 id 선택자는 CSS에 적용할 대상으로 특정 요소를 선택할 때 사용합니다. #을 사용해서 구분합니다. id 선택자는 고유하게 적용하기 때문에, 한번만 적용하는 것이 원칙입니다. (여러 요소에 같은 아이디 이름을 사용해도 문제없이 동작하나, 중복된 아이디를 가지고 자바스크립트 작업을 하게 되면 오류가 발생하기 때문에 id는 한번만 적용하는 것이 좋습니다.) #con..

CSS(Cascading Style Sheet)란? CSS는 사용자에게 문서를 표시하는 방법을 지정하는 언어입니다. 기본적으로 HTML은 마크업 언어로서, 구조화 된 문서 파일입니다. 콘텐츠의 구조를 정의하는 뼈대만 만들고, 그 안에 있는 내용을 보여주고 있지만, HTML만 사용한다면 굉장히 밋밋합니다. CSS를 통해 HTML 문서를 이쁘게 만들 수 있습니다. CSS는 HTML이나 XML같은 구조화 된 문서(Document)를 화면, 종이 등에 어떻게 렌더링할 것인지를 정의하기 위한 언어입니다. 즉, HTML의 각 요소(Element)의 style(design, layout 등)을 정의하여 화면(Screen) 등에 어떻게 렌더링하면 되는지 브라우저에 설명하는 언어입니다. 아래와 같이 글자 색을 바꾸고 싶..

※ 코딩을 처음 배울때는, 이 코드를 하나 하나 다 안다는 것이 아닌, 얼개를 이해하고, 복사 후 붙여넣는 작업을 잘하는 것과, 에러가 났을 때 해결할 줄 아는 것이 중요하다. HTML이란? HyperText Markup Language의 약자로써, CSS와 함께 웹페이지의 뼈대가 되는 기초이다. HTML은 웹 페이지를 만드는 데 사용하는 언어이며 매우 쉽게 배울 수 있다. 모든 태그는 미리 정의되어 있으며, 각각의 태그와 속성을 사용하기만 하면 끝! 현재는 HTML:5 format을 사용하며, 웹 페이지의 뼈대를 담당하고 있다. 안에 공간을 만들어 작성하며, 내가 지정하고자 하는 클래스를 가르키면서 적용이 가능하다. 예시로 1주차 로그인 아이디를 만드는 것을 배워보자. 먼저 ~ 내부에 class를 만든..