쭈루랩

DOCTYPE html> 목록 스타일 .book1 { list-style-type: none; list-style-image: url(images/dot.png); } .book2 { list-style-type: upper-alpha; list-style-position: inside; } 도서 시리즈 Do it! 시리즈 첫 코딩 시리즈 된다 시리즈 Do it! 시리즈 첫 코딩 시리즈 된다 시리즈

DOCTYPE html> 텍스트 스타일 /* 텍스트의 줄을 표시하거나 없애 주는 text-decoration 속성 none - 줄표시 없음 underline - 밑줄 overline - 윗줄 line-through - 취소선 */ /* 텍스트의 대소 문자를 변환하는 text-transform 속성 - 한글에는 영향을 미치지 않고 영문자에만 적용 none - 변환하지 않음 capitalize - 첫번째 글자를 대문자로 변환 uppercase - 모든 글자를 대문자로 변환 lowercase - 모든 글자를 소문자로 변환 full-width - 가능한 한 모든 문자를 전각 문자(가로 세로 비율이 같은 글자)로 변환 */ .trans1{ text-transform: capitalize; } .trans2{ te..

DOCTYPE html> 글꼴 관련 스타일 /* 글자 색을 지정하는 color 속성 기본형 color: 색상값은 16진수, rgb (또는 rgba), hsl (또는 hsla), 색상 이름 16진수 - #RRGGBB RR - 빨간색 / GG - 초록색 / BB - 파란색 ex) #ffff00 rgb - red, green, blue ex) rgb(0, 0, 255) rgba - alpha(불투명도) 추가 ex) rgba(0, 0, 255, 0.5) hsl - hue(색상), saturation(채도), lightness(명도)의 줄임말 ex) hsl(0, 100%, 50%) hsla - alpha(불투명도) 추가 ex) hsla(0, 100%, 50%, 0.5) */ body { color: #f41800..

DOCTYPE html> 글꼴 관련 스타일 /* 글꼴을 지정하는 font-family 속성 기본형 - font-family: | , */ body { font-family: "맑은 고딕", 돋움, 굴림; } /* 글자 크기를 지정하는 font-size 속성 기본형 - font-size: | | | 절대 크기 - 브라우저에서 지정한 글자 크기 상대 크기 - 부모 요소의 글자 크기를 기준으로 상대적인 글자 크기를 지정 크기 - 브라우저와 상관없이 글자 크기를 직접 지정 백분율 - 부모 요소의 글자 크기를 기준으로 백분율(%)로 표시 키워드를 사용하여 글자 크기 지정 - xx-small < x-small < small < medium < large < x-large < xx-large 단위를 사용하여 글자 크..