글자색을 지정하는 속성 color 속성 문단이나 제목 등의 텍스트에서 글자색을 바꿀 때 사용 사용할 수 있는 속성값은 16진수, rgb(rgba), hsl(hsla), 색상 이름 기본형 : color: 색상을 표현하는 방법 : 16진수로 표현하는 방법 ┌ #333333처럼 # 기호 다음에 6자리의 16진수로 표현함 ├ 앞에서부터 두 자리씩 묶어 #RRGGBB로 표시함 ├ 00 : 해당 색상이 하나도 섞이지 않음 / ff : 해당 색상이 가득 섞임 ├ #000000 : 검은색 / #ffffff : 흰색 └ 만약 색상값이 #0000ff 처럼 두 자리씩 중복될 경우 #00f 로 줄여서 표기 가능 rgb로 표현하는 방법 ┌ 0 : 하나도 섞이지 않음 / 255 : 가득 섞임 └ 0 ~ 255 사이의 값으로 색상..
웹 폰트 사용자 시스템에 없는 글꼴도 사용 가능하게 함 사용자 시스템에 없는 글꼴이더라도 웹 문서를 만들 때 사용한 글꼴을 내려받은 후 표시함 기존에 가지고 있던 웹 폰트를 사용했다면 웹 문서를 서버에 올릴 때 웹 폰트 파일도 함께 업로드 해야 함 웹 폰트를 사용한 사이트에 사용자가 접속하면 웹 문서를 내려받으면서 웹 폰트도 사용자 시스템으로 다운됨 컴퓨터에서 사용하는 글꼴은 트루타입으로 파일 확장자는 *.ttf 트루타입 글꼴은 파일 크기가 커서 웹에서 사용하기에 적절하지 않음 웹에 적절한 글꼴에는 EOT(embedded open type), WOFF(web open font format), WOFF2 가 있음 기본형 : @font-face { font-family: ; src: [, , ...]; } ..
글꼴을 지정하는 속성 font-family 속성 웹 문서에서 사용할 글꼴은 font-family 속성으로 지정함 font-family 속성은 태그, 태그, 태그처럼 텍스트를 사용하는 요소에서 주로 사용함 기본형 : font-family: | [, ] 글꼴 이름을 2개 이상 지정할 때는 두 글꼴 이름 사이에 쉼표(,)를 넣어 구분함 텍스트 글꼴을 지정할 때 두 단어 이상으로 된 글꼴 이름은 한 덩어리라는 것을 명시하기 위해 큰따음표(")로 묶음 -(예시) : body { font-family: "맑은 고딕", 궁서, 돋움 } -(결과) : 웹 문서 전체에 "맑은 고딕" 글꼴을 적용하고 만약 "맑은 고딕" 글꼴이 없다면 "궁서" 글꼴로 적용하고 만약 "궁서" 글꼴이 없다면 "돋움" 글꼴로 적용함 기본형 기..
스타일 형식 CSS 스타일의 형식 : # 첫번째 형식 선택자 { 속성1: 속성값1; 속성2: 속성값2 } # 두번째 형식 선택자 { 속성1: 속성값1; 속성2: 속성값2; } 선택자 : 스타일을 어느 태그에 적용할 것인지 알려 줌 중괄호({ }) 사이에는 스타일 정보를 넣음 속성과 속성값이 하나의 쌍으로 이루어진 것을 스타일 규칙이라 함 세미콜론( ; )으로 구분하여 스타일 규칙을 여러 개 지정할 수 있음 -(예시) : p { text-align: center; color: blue; } -(결과) : 텍스트 단락의 글자를 가운데로 정렬하고 글자색이 파랑색으로 지정됨 스타일의 주석 : /* 여러 줄 주석처리할 내용을 입력 */ /* 한줄 짜리 주석 */ 스타일 시트 스타일 규칙을 한눈에 확인하고 필요할..
