html 22
CSS - 1일차 폰트(텍스트꾸미기, 대소문자변환, 글간격)

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

CSS - 1일차 폰트(글자색, 텍스트정렬, 줄간격)

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..
IT/CSS 2023.05.10

CSS 1일차 - 폰트(글꼴, 크기)

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

티스토리툴바