모든 정보는 얄코 유튜브(새 창으로 열기)를 참고하였습니다. 8. 배경 꾸미기 background-image : :url(주소) 이미지 넣기 background-repeat : repeat이 기본값인데 원본 크기의 사진을 반복해서 채운다. :no-repeat 반복 채우기 안 하기 :repeat-x 가로만 반복해서 채운다. :space 모서리에 하나씩 채운 뒤, 빈 공간에 채운다. :round 반복하며 이미지를 채우면서 이미지 크기를 조절한다. :repeat space처럼 혼합 가능 background-position : 기본 위치 지정 가능 (left, center, 50% 50% 등등) :center bottom처럼 혼합도 된다. default값은 top left이다. background-size : ..
모든 정보는 얄코 유튜브(새 창으로 열기)를 참고하였습니다. 2. 글자와 텍스트 스타일 선택자 { 속성1: 값; 속성2: 값; /* ... */ } 전 페이지에서 적용했지만 css 스타일이다. 줄바꿈 없이 한 줄로 입력해도 된다. font-style: 글자를 기울일 때 사용한다. italic과 oblique은 얼핏 보면 비슷한데 italic이 '기울여서 쓴' 서체라면 oblique는 본래 서체를 기울여놓은 것이다. 서체마다 둘 다 있거나 한 쪽만 있거나 둘 다 없을 수도 있는데 이들은 한쪽이 없을 시 상호 교차되어 사용된다. font-weight: 글자의 굵기를 조절한다. 서체가 어떤 굵기를 지원하느냐에 따라 lighter(얇게) normal과 bold(굵게)중에 선택하거나 100~900 사이 100 단..
모든 정보는 얄코 유튜브(새 창으로 열기)를 참고하였습니다. 1. CSS 적용 방법과 선택자들 css를 적용하는 방법이 3가지가 있다. 인라인 스타일 : body 내부 태그에 직접 스타일을 주는 방식이다. 확장성도 별로고 수정도 번거롭다. 쓰지 말자 내부 스타일 시트 : head에 을 만들어 적용하는 방식이다. html파일에 들어가 코드가 길어진다는 단점이 있다. 재활용도 번거롭다. 짧은 문서에만 사용하자. 링킹 스타일 시트 : 파일을 분리해서 확장성에 좋다. 대부분 이 방법을 사용한다. 지금부터 이걸 사용할 것이다. style.css 파일을 만들어서 안에 작성해 주자. 같은 폴더 내에 있는 style.css를 꾸미는 용도로 사용한다는 뜻이다. 1.1 기본 & 그룹 선택자 /* 모든 요소 선택 */ * ..
