개발일지/웹개발
스타일 시트 불러오기.
부분이 너무 길어지면, 보기가 어려워집니다. 이때 파일을 따로 분리해둘 수 있습니다. ~ 안쪽에 있는 부분을 복사 스타일 시트에 붙여넣는다. ~ 대신에 아래 코드를 위와 같이 입력한다. (본인이 설정한 css파일 이름을 집어넣으면 됨)
css
개발일지/웹개발
구글 웹폰트 입히기
1. 아래 사이트로 접속한다. https://fonts.google.com/?subset=korean 2. 마음에 드는 폰트를 찾아서 클릭한다. 3. 세부 옵션들을 정한다. 4. 표시 된 부분을 복사하여 tip) 스타일에 * { } 는 이하 모든 것들에 괄호 안의 것을 적용하겠다는 뜻 6. 결과
개발일지/웹개발
자주 쓰이는 CSS 연습하기
간단한 로그인 페이지를 만들며 css를 연습해보자. 로그인 페이지 아이디, 비밀번호를 입력해주세요 ID: PW: 로그인하기 배경(background)로 이미지를 사용하고 싶을 때 background-image: url("이미지 주소"); background-size: cover; background-position: center; 위 3줄을 세트로 많이 사용한다. 만들어둔 로그인 화면의 위치 조정할 때 width를 주고, margin: auto를 사용 (가운데)
개발일지/웹개발
HTML, CSS 기본 내용
HTML과 CSS의 개념 - HTML은 뼈대, CSS는 꾸미기 HTML은 구역과 텍스트를 나타내는 코드 CSS는 잡은 구역을 꾸며주는 것 HTML 내 style 속성으로 꾸미기를 할 수 있지만, 긴 세월동안 이것을 한데 모아 볼 수 있는 CSS 파일이 탄생 HTML 코드 내에 CSS 파일을 불러와서 적용합니다. HTML 기초 HTML은 크게 head와 body로 구성 head 안에는 페이지의 속성 정보 : meta, script, link, title 등 페이지의 속성을 정의하거나, 필요한 스크립트들을 부릅니다. 즉, 눈에 안 보이는 필요한 것들을 담는 것. body 안에는 페이지의 내용 : 실질적인 내용
