기록하는 개발자

Main -블록 요소 -한 문서 당 한 개만 사용 가능 H1~6 -1~6까지 글씨 크기를 초기화하여 font-size 속성 사용 -제목 단계 건너 뛰는 것 피하기 ex)h1 다음에는 h3이 아니라 h2 사용해주기 -화면의 글자 크기를 지정하는 데 쓴다기 보다는 대주제부터 여섯 단계의 소주제로 나누기 위한 태그 Article -독립적으로 구분되거나 재사용 가능한 영역을 설정 -일반적으로 h1~h6를 포함하여 식별 -작성일자와 시간을 의 datetime속성으로 작성 -내부에 section 삽입 가능 Section -문서의 일반적인 영역을 설정 -일반적으로 h1~h6를 포함하여 식별 -내부에 section 태그 삽입 가능 Aside -문서의 별도 콘텐츠를 설정 -보통 광고나 기타 링크 등의 사이드 바를 설정 ..

1. 블록 요소 DIV, H1, P etc.. 사용 가능한 최대 가로 너비를 사용한다. 크기를 지정할 수 있다. Width 100, height 0으로 시작 위에서부터 아래로(수직으로) 쌓임 Margin, padding 상하좌우로 사용이 가능하다. 레이아웃 Display: inline ->블록 요소를 강제로 인라인 요소로 바꿈 2. 인라인 요소 SPAN, IMG etc.. 자신에게 속한 요소에 대해서만 너비를 사용한다. 크기를 지정할 수 없다. Width 0, height 0 으로 시작 좌에서 우로(수평으로) 쌓임 Margin, padding 상,하는 사용 불가능하다. Text Display: block ->인라인요소를 강제로 블록 요소로 바꿈 -base link script style title 등과 ..

우리 학교 멋사에서도 올해부터는 웹으로 프로젝트를 진행하기로 했고 오늘 첫 실습 강의가 진행됐다:D [ 실습 1 ] 김어진의 자기소개 프로필 사진 내 정보 상명대학교 컴퓨터과학과 201810911 김어진 자기소개 안녕하세요 저는 멋쟁이 사자처럼 8기 김어진 입니다. .MyProfile{ background-color:lightblue; } .introduce{ background: white; margin : 60px; }​ - background-color를 통해 배경색 변경 - introduce class에 포함된 단락(div)의 배경만 white로 지정 - margin을 통해 좌우에 60px만큼 공간 확보(외부 공간) 자신을 표현하는 키워드 5가지 끈기 노력 행복 계획 성실 자신의 가치 순위 행복 ..

HTML (Hyper Text Mark up Language) 문서의 구조를 나타냄 →웹페이지의 뼈대를 구성하는 언어 CSS(Cascading Style Sheet) 문서 각 요소들의 스타일을 나타냄 3EX)글씨 크기, 색상, 폰트 등 -Cascading 의 'C' 를 사용하는 이유는 상위 요소의 스타일 속성을 자손 요소들에게 상속 시켜주는 모습이 DOM 트리구조에서 마치 폭포수처럼 내려가는 모습을 닮았기 때문이라고 한다.(cascade : 종속, 작은 폭포) -CSS는 HTML과 달리 문법에 엄격하다. 구두점 하나만 빼먹는 실수를 해도 전체 CSS파일의 로딩에 실패한다. 따라서 CSS를 편집할 때는 코드의 무결성을 검증해줄 수 있는 IDE나 코드 에디터를 사용하는 게 좋다. JAVA SCRIPT 정적인..