선택자 인간의 언어는 주어와 서술어로 이루어져 있습니다. 이 두가지는 언어를 구성하는 양대축입니다. 선택자는 인간의 언어로 치면 주어에 해당하는 매우 중요한 요소입니다. 주어를 자유롭게 사용하지 않으면 정상적인 언어 생활을 할 수 없는 것처럼 선택자를 자유롭게 사용할 수 없으면 CSS를 정복할 수 없습니다. 선택자와 선언 어떤 태그를 디자인하기 위해서는 디자인하려는 태그를 선택하고 (선택자), 선택한 대상에게 효과를 줘야 합니다. (선언) 선택자 (Selector)와 선언 (Declaration) li - 선택자 { } - 선언 내용 - 속성 : 속성 값 선택자의 종류 선택자의 타입들 태그 선택자 클래스 선택자 아이디 선택자 아이디 선택자 - 아이디 속성의 값에 해당하는 태그를 선택하는 선택자입니다. 아..

HTML과 CSS가 만나는 법 CSS를 실행하는 방법 1. inline 방식 태그 바로 옆에 을 붙이는 방법입니다. 2. inline 방식 태그 안에 태그를 만들어줍니다. 가장 이해하기 쉬운 방법입니다. CodePen 실습환경 없이도 코드를 온라인에서 실행해볼 수 있는 서비스입니다.

CSS 소개 HTML 웹의 토태(시초) 입니다. CSS가 없어도 혼자 쓰일 수 있습니다. HTML의 본질 어떻게 정보를 잘 표현할 것인가 정보 + 디자인 (font 태그) CSS HTML이 없으면 혼자 쓰일 수 없습니다. CSS의 본질 HTML이 정보에 전념하기위해 (HTML에서) 디자인부분을 제외하면서 생긴 방안입니다. 디자인을 표현하는 새로운 언어입니다.

HTML5의 입력양식 - HTML의 새로운 제출양식 1 input types 사용자로 하여금 의도하는 정도만을 입력하도록 규제하는 기능입니다 color : 색상을 쉽게 선택 할 수 있습니다. date : 날짜를 입력하는 화면이 뜹니다 datetime : 서버쪽으로 데이터가 전송 될 때 국제표준시라는 방식으로 전송이 됩니다 datetime-local : 현재 살고있는 지역에 해당되는 시간으로 전송이 됩니다 email : 이메일 정보만 쉽게 입력할 수 있게 강제하는 타입입니다 month : 월을 지정합니다 number : 숫자 range : 어떤 숫자의 범위 (1~10까지)를 슬라이드로 움직이면서 지정할 수 있습니다 search : 검색하는 입력창 (검색 기능) tel : 전화번호와 관련 time : 시간 ..

Can I use Can I use 사이트 - 목적 : 새롭게 도입된 기술은 오래된 웹브라우저에서 동작하지 않습니다. 결국 얼마나 많은 웹브라우저가 이 기술을 사용할 수 있는가에 따라서 신기술의 도입 여부를 결정해야 합니다. Can I use는 이런 결정을 할 때 도움을 주는 서비스입니다. -여러가지의 태그들이 각각의 웹 브라우저에서 지원되는지 알려주는 사이트입니다. - 사이트 : can i use Can I use 사이트 사용법 초록색 = 지원함 빨간색 = 지원하지 않음 노란색 = 부분적으로 지원함 회색 = 지원여부를 아직 모름

비디오 - video - 목적 : 웹페이지에 비디오를 삽입하기 위한 태그인 video의 사용법을 알아봅니다. - 등장시기 : HTML5 video 태그 플래시와 같은 플러그인 없이도 비디오를 표현하고 제어할 수 있습니다. video 태그 쓰는 법 일단 원하는 동영상을 저장합니다. 코드 작성