영국 척척석사 유학생 일기장👩🏻‍🎓

앞에서 학습한 텍스트 관련 CSS 속성이외의 텍스트 스타일링에 대해 알아보겠습니다. 1. 줄 높이 line-height 줄과 줄 사이의 간격을 조절할 때 CSS 에서는 줄의 높이로 조절합니다. 줄 높이의 값인 line-height 는 단위 없이 쓰는 글자 크기에 상대적인 값입니다. 예를 들어서 font-size 가 16px 이라면 line-height: 1 은 16px*1=16px이 되고, line-height: 1.5는 16px*1.5=24px이 됩니다. 넓게 넓게 넓게 보통 보통 보통 좁게 좁게 좁게 .loose { font-size: 16px; line-height: 1.7; /* 16px * 1.7 = 27.2px */ } .regular { font-size: 16px; line-height: ..

CSS의 기본개념을 정리해보겠습니다. 1. CSS 규칙 선택자 { 속성: 속성값; 속성: 속성값; } 2. CSS 선택자 규칙에서 요소를 선택하는 데 사용하는 부분입니다. 1) 태그 이름 h1, div 같은 걸 쓰면 그 태그에 해당하는 요소들에 모두 스타일을 적용합니다. 예를 들어서 모든 h3 태그의 글자 크기를 24px로 하려면 아래와 같이 씁니다. h3 { font-size: 24px; } 2) 아이디(id) 맨 앞에 샵을 붙여서 #아이디_이름 과 같은 문법으로 씁니다. 참고로 아이디는 한 페이지 안에서 중복으로 쓰면 안됩니다. 예를 들어서 아이디 이름이 hallasan 인 태그에 글자색을 넣으려면 아래와 같이 씁니다. 우도 한라산 국립공원 성산 일출봉 군산 오름 #hallasan { color: #..