코드 그라데이션

list-style-type: 불릿 모양과 번호 스타일 지정 list-style-image: 불릿 대신 이미지 파일을 사용 list-style-image: url('~~~'); // 불릿으로 사용할 이미지 list-style-position: 목록을 들여쓰기 list-style: 목록 속성을 한꺼번에 표시 - 소스를 간단하게 줄일 수 있음 예제 IT 수강생 모집 IT에 관심 있는 여러분 환영합니다 메가 IT에서 모두를 대상으로 수강생을 모집합니다. 학부나 전공에 상관없습니다. 평소 IT에 관심있었던 사람들의 지원바랍니다. 모집 기간 : 4월 2일 ~ 5월 11일 모집 분야 : 프론트, 백엔드, 게임개발 지원 방법 : 양식 작성 후 이메일 접수 지원서 양식은 메가IT 홈페이지 공지 게시판에 있습니다. 모집..

font-family 글꼴 지정 속성 텍스트 사용 요소에서 주로 사용한다. 기본형 font-family: "글꼴 이름" | 대체글꼴이름, 대체글꼴이름 기본형 기호 이해하기 font-size 글자 크기의 단위는 px（픽셀）이나 pt（포인트） 등으로 지정할 수 있고 백분율을 사용 # 글자 크기 설정 방식 1) 키워드 사용 2) 단위 사용 3) 백분율 사용 부모의 글꼴 크기가 단위로 설정되어 있어야 한다. font-style : 이텔릭체로 글자 표현 이텔릭체로 글자를 바꾸는 속성값은 italic과 oblique 가 있는데, 웹에서는 주로 italic을 사용한다. italic은 기울어진 글꼴이 처음부터 디자인되어 있는 반면 oblique는 원래 글꼴을 단지 기울어지게 표시합니다. 대부분 기울어진 형태에 맞게 글..

퀴즈 1. 코드 낚시게임 우선 랜덤 값을 받아서 물고기 3마리를 배치한다. 그리고 낚시꾼이 캐스팅을한다. 캐스팅을 할 때는 예를 들어(0이상, 4이하) 로 하여야 한다.. 그리고 나서 위 아래 왼쪽 오른쪽으로 이동을 해서 물고기를 다잡으면 됩니다.

CSS의 기본 선택자 전체 선택자 스타일을 모든 요소에 적용할 때 사용한다. * 를 사용한다. 특정 요소에 스타일을 적용하는 타입 선택자 특정 태그를 사용한 모든 요소에 스타일을 적용한다. 이런 식으로 사용한다. 특정 부분에 스타일 적용하는 클래스 선택자 특정 부분만 선택해서 스타일을 적용하고 싶을 때 .클래스명 { 스타일 규칙 } 특정 부분에 스타일을 한 번만 적용할 수 있는 id 선택 마침표(.) 대신 # 기호를 사용한다는 점만 제외하면 스타일을 정의하는 방법은 클래스 선택자와 같. 클래스 선택자가 문서에서 여러 번 적용할 수 있는 반 면, id 선택자는 문서에서 한 번만 적용할 수 있다는 것 같은 스타일 규칙을 사용하는 요소들을 묶어주는 그룹 선택 선택자를 이용해 스타일을 정의하다 보면 여러 선택자..

대표적인 스타일 시트 스타일 시트의 갈래 기본형 선택자 { 속성1 : 속성값; 속성2: 속성값2 } 맨 앞의 선택자는 스타일을 어느 태그에 적용할 것인지 알려주는 것. 중괄호 사이에는 스타일 정보를 넣는다. 속성과 같이 하나의 쌍으로 이루어진 것을 스타일 규칙 브라우저 기본 스타일 : CSS를 적용하지 않더라도 웹 브라우저에 표시할 때는 기본 스타일을 사용. 인라인 스타일 : 스타일 시트를 사용하지 않고 스타일을 적용할 대상에 직접 표시 내부 스타일 시트 : 웹 문서 안에서 사용할 스타일을 같은 문서 안에 정리한 것. 외부 스타일 시트 : 스타일 정보를 따로 저장해 놓은 외부 스타일 시트 레드향 껍질에 붉은 빛이 돌아 레드향이라 불린다. 레드향은 한라봉과 귤을 교배한 것으로 일반 귤보다 2~3배 크고, ..