전체 글 (18) 썸네일형 리스트형 CSS 개요 - 문법, 선택자 등 [패스트캠퍼스] React& Redux로 시작하는 웹 프로그래밍 강의 수강 1주차(6) CSS 개요 CSS 기본 문법 선택자 { 속성: 값; 속성: 값; } *선택자란? 스타일을 적용할 대상(Selector) *속성이란? 스타일의 종류(Property) *값이란? 스타일의 값(Value) 주석 (단축키: Ctrl+/) /* 설명 작성 */ CSS 선언 방식 1. 내장 방식 의 내용(Contents)으로 스타일을 작성하는 방식. HTML 문서에 직접 사용하기 때문에 CSS 파일을 사용X. 그러나 유지, 보수 측면에서 권장하지 않음. 2. 인라인 방식 요소의 style 속성에 직접 스타일을 작성하는 방식(선택자 없음). 인라인 방식은 지나치게 우선하기 때문에(유지, 보수 측면에서) 권장하지 않음. 3. 링크.. HTML 전역 속성 [패스트캠퍼스] React& Redux로 시작하는 웹 프로그래밍 강의 수강 1주차(5) HTML 전역 속성이란? HTML 전체 영역에서 모든 태그에 사용할 수 있는 속성 HTML 전역 속성 정리 속성 사용 기능 title="설명" 요소의 정보나 설명을 지정. 제목을 입력하는 것 X. style="스타일" 요소에 적용할 스타일(CSS) 지정. 직접적으로 선언할 때 사용. class="이름" 요소를 지칭하는 중복 가능한 이름. CSS, JS에서 사용하기 위함. .class이름 형태로 사용. id="이름" 요소를 지칭하는 고유한 이름. 중복할 수 없음. #id이름 형태로 사용. data-이름="데이터" 요소에 데이터를 저장. HTML 핵심 요소(태그) 정리 [패스트캠퍼스] React& Redux로 시작하는 웹 프로그래밍 강의 수강 1주차(4) HTML 자주 사용하는 요소(태그) 정리. 블록(Block) 요소 : 특별한 의미가 없는 구분을 위한 요소 : 제목 요소(Heading). h1~h6까지 있음, 숫자가 작을수록 더 중요한 제목을 정의할 때 사용함. : 문장 요소(Paragraph). : Unordered List. 순서가 필요없는 목록의 집합. 항목이 하나 이상 있어야 함. : List Item. 목록 내 각 항목. 혹은 로 감싸져야 함. 이전 1 2 3 4 5 6 다음