1. color : 글자 색 설정 color: color | initial | inherit color : 색을 지정합니다. 색상코드(#) 혹은 정의된 색(white, black 등) 등을 사용합니다. initial : 기본값으로 설정합니다. inherit : 부모 요소의 속성값을 상속받습니다. 2. font-family : 글꼴 설정 font-family: serif; font-family: sans-serif; font-family: monospace; font-family: cursive; font-family: fantasy; font-family: font | initial | inherit font : family-name 또는 generic-family initial : 기본값으로 설정합니다..
1. CSS 선택자(Selector)란? CSS는 스타일을 지정하기 위해 HTML의 요소를 선택해 각각 디자인을 줄 수 있습니다. 특정 요소를 선택하기 위해 다양한 선택자를 사용하게 됩니다. CSS 속성값을 적용하기 위해 선택해야 할 HTML 요소를 알려주는 요소 및 기타 용어의 패턴이 바로 선택자입니다. 선택자의 주제(subject)는 선택자에 의해 선택 된 요소들입니다. 선택자의 규칙 선택자 목록은 각각 존재할 수 있고, 쉼표를 추가하여 선택자 목록으로 결합할 수도 있습니다. h1 { color: red; } p { color: red; } h1, p { color: red; } 잘못된 선택자 규칙이 있으면 그 선택자만 무시합니다. 2. CSS 선택자의 종류 1) 전체 선택자(Universal Sel..
1. CSS 개요 CSS은 웹 페이지를 꾸미는 데 사용하는 코드로 Cascading Style Sheets의 약자입니다. 화면의 이런저런 곳을 예쁘게 꾸미기 위해선 CSS를 잘 활용할 수 있어야 합니다. 사실 CSS는 프로그래밍 언어가 아니고 Style sheet 언어입니다. HTML 페이지의 요소들에 스타일을 적용할 수 있습니다. ▲ CSS 없는 상태 ▼ CSS 있는 상태 메뉴나 슬라이드 등 기능과 내용은 JS 파일에서 구현된 것이지만 디자인과 관련된 것들은 CSS를 통해 보이고 있는 것입니다. 실습 텍스트 에디터에서 이 내용을 입력해 보세요. body{ background: black; } p { font-weight: 600; color: white; } html 파일이 있는 곳에 styles 폴더..
1. HTML 개요 HTML은 웹 페이지를 만드는 데 사용하는 언어로 Hyper Text Markup Language의 약자입니다. 콘텐츠의 서로 다른 부분들을 씌우거나 감싸서 다르게 보이게 하거나 특정한 방식으로 동작하도록 하는 요소(Element)로 이루어져 있습니다. 특정 기능을 지원하는 태그 문법을 사용하며, 모든 태그는 미리 정의되어 각각의 태그와 속성을 사용하기만 하면 됩니다. 요소(Element) XML, HTML에서 데이터, 텍스트, 이미지 등을 담을 수 있으며 일반적으로 여는 태그(Opening tag), 속성과 텍스트 콘텐츠, 닫는 태그(Closing tag)로 구성됩니다. 요소는 속성을 가질 수 있습니다. 요소 안에 요소를 중첩시킬 수 있고, 텍스트 콘탠츠를 가지지 않는 빈 요소를 만..
