본문 바로가기

💻WEB FrontEnd/CSS3

(13)

텍스트 관련 스타일- 글꼴 을 기본으로 배운 내용입니다. 목차 1) 글꼴 지정 - font-family 속성 2) 웹 폰트 사용 - font-face 속성 3) 글자 크기 조절 - font-size 4) 글자 굵기 지정 - font-weight 5) 작은 대문자로 표시 - font-variant 6) 글꼴 속성을 하나로 묶어 표현 - font 글꼴 관련 스타일 1) 글꼴 지정 - font-family 속성 [윈도우의 기본 글꼴]이 아니고 설치되어 있지 않다면 화면에 표시할 수 없다. font-family속성은 상속된다. 때문에 문서 안의 모든 자식 요소에 계속 같은 글꼴이 사용된다. 적용된 글꼴이 아닌 다른 글꼴을 사용하고 싶다면 태그 스타일이나 클래스 스타일을 이용해 해당 요소에서 다른 글꼴로 적용하면 된다. 선택자 {font-..

CSS3와 CSS모듈 을 기본으로 배운 내용입니다. 목차 CSS3 1) CSS3와 브라우저 접두사(prefix) 2) 브라우저 접두사 자동으로 붙이기 CSS3 CSS는 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트이다. CSS을 저장해 두면 웹 페이지의 한 가지 요소만 변경해도 관련되는 전체 페이지의 내용이 한꺼번에 변경되므로, 문서 전체의 일관성을 유지할 수 있고 작업 시간도 단축된다. CSS3의 경우 그림자 효과, 그라데이션, 변형 등 그래픽 편집 프로그램으로 제작한 이미지를 대체할 수 있는 기능이 추가되었다. 또한 다양한 애니메이션 기능이 추가되어 어도비 플래시를 어느 정도 대체하고 있다. 1) CSS3와 브라우저 접두사(prefix) CSS3 표준 규약이 완성되지 않아 브라우저들이 새로운 CSS3속성을 부분적..

CSS기초 을 기본으로 배운 내용입니다. 목차 1. 스타일과 스타일 시트 2. 주요 선택자 3. CSS 스타일 우선순위 CSS(Cascading Style Sheets)는 텍스트 색상이나 크기, 이미지 크기나 위치, 표 색상, 배치 방법 등 웹 문서의 디자인 요소를 담당한다. 1. 스타일과 스타일 시트 1) 스타일 웹 문서에서 스타일이란 HTML문서에서 자주 사용하는 글꼴이나 색상, 정렬, 각 요소들의 배치 방법 등 문서의 겉모습을 결정짓는 내용들을 가리킨다. - 형식 선택자 selector : 앞으로 만들 스타일 규칙을 어디에 적용할 것인지를 나타낸다. 스타일 속성과 속성 값 : 선택자 다음에 중괄호가 오고 그 사이에 {속성: 속성 값}을 작성해 속성을 적용할 수 있다. 2) 스타일 시트 스타일 시트란 여거 개의..

이전 1 2 다음

티스토리툴바