개발자연습노트

간단한 스타일 넣는 법   글자 거의 모든 태그는 style="" 이라는 속성을 열 수 있습니다.거기 안에 스타일이름 : 스타일값; 형식으로 스타일을 넣으면 됩니다.여러개를 넣고 싶다면 뒤에 쭉 나열해주시면 됩니다.세미콜론 까먹으면 안됩니다.   자주 사용하는 글자 스타일들 설명하다 font-size : 20px;font-family : 'gulim';color : black;letter-spacing : -1px;text-align : center;font-weight : 600;영어 단어를 잘 알고 계시면 무슨 뜻인지 바로바로 파악은 쉽습니다.   이미지 정렬과 폭 조정 설명하다 display : block;margin-left : auto;margin-right : auto;width : 150px..

HTML은 어디다 쓰는 언어? 웹페이지를 만들고 디자인하고 싶을 때 사용합니다.세상에 존재하는 모든 웹페이지는 html 언어로 작성합니다.  HTML은 Hypertext Markup Language의 약자인데 Markup Language에 주목해주시면 됩니다.마크업 언어는 "자료의 구조를 표현하기 위한 언어"입니다.웹페이지에 우리가 글넣고 그림넣고 박스넣고 버튼넣고 .. 자료를 입력하죠? 그 자료들이 어디에 배치되는지 그런 것들을 기록하기 위해 존재하는 언어가 바로 HTML이라고 보면 되겠습니다. 아무튼 여러분이 HTML 언어로 글넣고 그림넣고 하면 웹페이지가 되는 것입니다.   HTML 파일 기본 템플릿 설명하다   HTML 문서는 .html로 끝나도록 저장하시면 되며모든 HTML 문서는 위의 코드를..

배경관련 CSS 속성들 .main-background { background-image : url(../img/shoes.jpg); background-size : cover; background-repeat : no-repeat; background-position : center; background-attachment : fixed;}background-size는 px, % 단위도 가능하고cover는 배경으로 꽉채워주세요contain은 배경이 짤리지 않게 꽉채워주세요 라는 뜻입니다.background-attachment는 웹사이트가 스크롤될 때 배경이 신기하게 동작하게 만들고 싶으면 써보도록 합시다.    배경 두개 겹치기 신공  .main-background { background-im..