CSS 2

1.글꼴 공동 집필

글꼴: 글꼴 스타일 글꼴-변형 글꼴-가중치 글꼴-크기/줄 높이 글꼴-군

　글꼴: 스타일, 변형, 굵게, 글꼴 크기/줄 높이, 글꼴 모음

스타일, 변형, 굵게 순서 상관없이 써도 됩니다. 보통이면 쓰지 않아도 됩니다.

변환 글꼴 변형 세 가지 값 ​​​​작은 대문자 일반 상속

소문자는 소문자입니다

스타일 글꼴 스타일 네 가지 값 이탤릭체 경사 일반 상속

기울임꼴은 글꼴 모음에서 특별히 디자인된 기울어진 텍스트이고, 기울임꼴은 텍스트의 그래픽을 기울입니다.

굵은 글꼴 두께 400은 보통이고 700은 굵은 글꼴

다들 아시죠?

줄 높이는 쓰지 않아도 됩니다

단, 글꼴 크기와 글꼴 시리즈를 기재하고 순서는 필수로 작성해야 합니다

가장 간단한 형태

글꼴: 글꼴 크기 글꼴 모음;

가장 일반적인 형태

글꼴: 굵은 글꼴 크기/줄 높이 글꼴 모음;

2. 배경 공동 집필

백그라운드 공동 작성은 순서와 속성에 관계없이 가능합니다(유일한 제한 사항은 두 개의 값이 있는 경우 bg-position을 함께 넣어야 한다는 것입니다. 숫자 값의 경우 x가 먼저, 그 다음 y가 됩니다)

배경: bg-color bg-image bg-repeat bg-position bg-attachment

배경 : 배경 색상, 배경 이미지 주소, 반복 방향, 배경 위치 지정, 배경 연관

방향 반복

　반복 반복-x 반복-y 반복 없음 상속

배경 위치

　

배경 연관

스크롤 고정 상속은 일반적으로 스크롤입니다. 더 일반적인 고정은 본문 배경 따르기입니다.

가장 일반적인 형태

배경: url(bgimage.gif) x y no-repeat;

배경 : 참조 경로 위치 반복 여부

3.전략 구축

점진적인 향상과 우아한 저하

두 가지 웹사이트 구축 전략

점진적인 개선, 먼저 낮은 버전의 브라우저에 기본 기능을 제공한 다음 높은 버전의 브라우저를 미화하고 향상시키는 전략은 일반적으로 PC 측에서 사용됩니다(PC 측에는 여전히 이전 버전의 브라우저가 많이 있습니다)

우아한 성능 저하, 먼저 상위 버전 브라우저에 가장 완벽한 기능을 만든 다음 하위 버전 브라우저에 패치하는 전략입니다. 이 전략은 일반적으로 모바일 단말에서 사용됩니다(모바일 브라우저는 일반적으로 비교적 새로운 것입니다)

점진적 강화와 우아한 저하는 전략이 다를 뿐 최종 결과는 같을 수 있습니다