모든 정보는 얄코 유튜브(새 창으로 열기)를 참고하였습니다. 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 기본 & 그룹 선택자 /* 모든 요소 선택 */ * ..
모든 정보는 얄코 유튜브(새 창으로 열기)를 참고하였습니다. 1. 제목과 본문 Visual code로 작성 ! 엔터 하면 기본 틀이 잡힌다. html lang="en"에서 ko로 수정 바디 안에 문장을 입력해도 띄어쓰기, 엔터가 반응 안 한다. 그래서 태그를 사용해야 된다. 태그 명령어 Emmet 명령어 을 3번 입력 : br*3 물론 다른 것도 가능 이런 거 많음 주석 ctrl + / 2. 종류와 중요도에 따른 태그 , 은 글자를 굵게 한다. , 은 글자를 기울인다. b, i는 레거시라 시각적으로만 효과를 주지 문법적으론 강조가 안된다. html5부터 생겨난 strong과 em을 애용하자. ++ 근데 i태그로 css를 활용하기도 함.. : 위 첨자 - 지수, 서수에 사용 : 아래 첨자 - 각주, 변수,..
