【축 완독】/★완★[코딩자율학습단10기]HTML+CSS+자바스크립트19 [코딩자율학습단10기]HTML+CSS+자바스크립트 7일차 p.170-241 1.font-family 글꼴 지정 글꼴명은 "명조";fantasy: 화려한 글꼴cursive:필기체 계열2.font-size:14px;3.font-weight : 굵기font-weight: 100 최소 굵기font-weight:900 //최대 굵기4. text-align: 속성값(left, center중앙정렬, right,justify 텍스트를 양쪽 정렬5.line-height: 텍스트 한줄의 높이를 지정normal: 기본값 1.21.5 현재 font size의 1.5배 6. 마진: 가장 외부에 있는 영역margin-top/bottom/left/rightmargin: 10px(위아래) 20px;(왼오) 7. content 영역-box sizing -박스 모델의 성격블록성격: 요소의 넓이가 콘텐츠 유무와.. 2024. 10. 8. [코딩자율학습단10기]HTML+CSS+자바스크립트 6일차 p.142-169 1. 전체 선택자 전체 선택자 전체 선택자는 모든 요소를 한번에 선택할수 있다.2.아이디 선택자 #3. 클래스 선택자 .red{}4. 그룹선택자여러 선택자를 하나로 그룹지을때 사용p, #title , .red {color:red;}5. 자식 선택자: 부모 요소의 하위에 있는 자식 요소에 스타일 적용할때 사용.box >p { // class 속성값이 box 인 요소 + 자식 관계에 있는 p 태그color:red;}6. 가상요소 선택자:: before 콘텐츠 앞의 공간을 선택:: after 콘텐츠 뒤의 공간을 선택7. 동적 가상클래스 선택자:hover 마우스 올리면 해당 태그 지정:active 요소를 마우스로 클릭하고 있는 동안 해당 태그 선택자로 지정8. .. 2024. 10. 8. [코딩자율학습단10기]HTML+CSS+자바스크립트 5일차 p.132~139 1.문법형식h1{ color : tomato;}선택자 속성 값2.내부 스타일 시트 사용하기외부 스타일 시트 사용하기 인라인 스타일 사용하기 2024. 10. 8. [코딩자율학습단10기]HTML+CSS+자바스크립트 4일차 p.60~126 1. ul 태그순서 없는 비순서형 목록2.ol태그 순서 있는 대크3. dl 태그 정의형 목록- 를 사용4.a 태그 외부 링크를 생성 href : 링크의 대상 경로를 입력할 떄 사용target 속성 _blank 새창으로 열리는 방식title: 링크를 설명할수 있는 텍스트img : 이미지 객체를 삽입하고 싶을떄 사용1. ul 태그순서 없는 비순서형 목록 2.ol태그 순서 있는 대크 3. dl 태그 정의형 목록- 를 사용 4.a 태그 외부 링크를 생성 href : 링크의 대상 경로를 입력할 떄 사용 target 속성 _blank 새창으로 열리는 방식title: 링크를 설명할수 있는 텍스트img : 이미지 객체를 삽입하고 싶을떄 사용 5. strong 태그 : 굵게 표시6. em 텍스트가 기울어져서 보임.. 2024. 10. 5. [코딩자율학습단10기]HTML+CSS+자바스크립트 3일차p.60~126 1.h1태그~ h6태그 제목, 주제를 나타낼때 사용2. p 태그 본문의 문단을 작성할때 사용3. 그룹짓기 태그, 태그(공간 분할 태그) 2024. 10. 5. [코딩자율학습단10기]HTML+CSS+자바스크립트 2일차 p.46~57 2일 p.46~57 HTML의 기본 구성요소1. 태그: 웹페이지를 구성하는 요소를 정의, HTML 문법의 가장 작은 단위로 을 써서 사용한다.2. 속성: 태그의 의미나 기능을 보강한다. 3. HTML의 기본 구조 DTD: DOCTYPE html 문서형을 정의html:문서의 시작부터 끝head:문서 body: 웹 브라우저에서 표시할 내용 4. 뷰포트: 기기의 화면 너비에 맞추기 위해 사용하는 메타데이터 태그 2024. 10. 5. 이전 1 2 3 4 다음