Beny's Study

1. Align 정렬하기 기능 ⭐⭐⭐⭐⭐ - 글씨나 컨텐츠를 정렬할떄 사용하는 기능으로 가장 강력한 정렬기능 정렬기능 사용, 기준 : left 정렬기능 사용, 기준 : right 정렬기능 사용, 기준 : center 정렬기능 사용, 기준 : justify 텍스트 채우고 늘리기 텍스트 채우고 늘리기 텍스트 채우고 늘리기 HTML 삽입 미리보기할 수 없는 소스 2. 줄간격 조정하기 별 헤는 밤 윤동주 계절이 지나가는 하늘에는 가을로 가득 차 있습니다. 나는 아무 걱정도 없이 가을 속의 별들을 다 헬 듯합니다. 가슴 속에 하나 둘 새겨지는 별을 이제 다 못 헤는 것은 쉬이 아침이 오는 까닭이요, 내일 밤이 남은 까닭이요, 아직 나의 청춘이 다하지 않은 까닭입니다. 별 헤는 밤 윤동주 계절이 지나가는 하늘에는 ..

1. 폰트 지정하는 방법 - 브라우저 기본 글꼴을 사용하는 것이 일반적 - pc상에서(개인마다 다름) 있는 글꼴을 가져오는 것과 외부 혹은 서버에서 제공하는 방법이 있음 - 구글 폰트 사이트 추천 https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 1.진지한 궁서체입니다. 2. 네이버 나눔고딕입니다. 프리라이선스로 무료이며 저작권문제도 없습니다. 3. 모르는 글꼴입니다. 이건 아마 브라우저 기본글꼴로 설정됩니다. 4. 외부(서버)에서 가져오는 나눔펜 폰트입니다. 5. 연습용 글꼴 입니다. HTML 삽입 미리..

선택자 우선 순위 ■ 기본적으로 CSS속성은 위에서부터 아래로 적용 ■ 같은 태그(요소)에 여러 CSS속성이 설정된 경우 우선순위에 따라 적용됨 1. !important 설정된 속성 2. 인라인 스타일 3. 아이디 선택자 4. 클래스 선택자 5. 태그 선택자 선택자 우선순위 테스트 우선순위 테스트1 우선순위 테스트2 우선순위 테스트3 우선순위 테스트4

일반구조선택자 ■ 특정한 위치에 있는 태그 선택(위치로 구분) 일반 구조 선택자 특정한 위치에 있는 태그 선택(위치로 구분) 테스트1 테스트2 테스트3 테스트4 테스트5 테스트6

CSS선택자란 ? ■ 특정 HTML태그를 선택하여 스타일을 부여할때 사용되는 식별자 (태그,#ID, .Class,부모/후손,이벤트 등등) 모든선택자 ■ HTML문서 안에 모든 태그를 선택하는 기능 (* 사용) 태그선택자 ■ 특정 태그를 모두 CSS로 적용하는 방법 ul태그의 전체가 변경됨 다른태그는 변경되지 않음 HTML 삽입 미리보기할 수 없는 소스 아이디선택자 ■ HTML태그의 속성값에 ID를 지정하여 적용하는 방법 ■ id와 style이 1:1매핑되는 방법으로 많이 사용됨 id1 영역입니다. id2 영역입니다. HTML 삽입 미리보기할 수 없는 소스 클래스선택자 ■ HTML태그의 속성을 class(그룹)으로 적용하여 스타일 적용하는 방법 ■ class 와 style 1:N 매핑되는 방법이고, 1:1..