CSS 학습 및 구성

1. 배경 첨부:fixed속성 의 기본값은 스크롤입니다. 즉, 기본 In입니다. 이 경우 배경이 문서와 함께 스크롤됩니다

2. 글꼴 가중치 속성은 텍스트의 두께를 설정합니다(키워드 100 ~ 900은 글꼴의 굵기 수준을 9단계로 지정합니다. 글꼴에 내장된 굵기 수준이 있는 경우 이 숫자는 사전 정의된 수준에 대한 직접 맵이며 100은 가장 얇은 글꼴 변형에 해당하고 900은 가장 굵은 글꼴 변형에 해당합니다. 숫자 400은 일반 글꼴에 해당하고 700은 굵은 글꼴에 해당합니다.

3. 글꼴 스타일 속성은 기울임꼴 텍스트를 지정하는 데 가장 일반적으로 사용됩니다.

4. 글꼴 패밀리 속성은 텍스트의 글꼴 패밀리를 정의합니다.

5. 글꼴 크기 속성은 텍스트의 크기를 설정합니다.

em을 사용하여 글꼴 크기를 설정하세요

Internet Explorer에서 텍스트 크기를 조정할 수 없는 문제를 피하기 위해 많은 개발자는 픽셀 대신 em 단위를 사용합니다.

W3C에서는 em 크기 단위 사용을 권장합니다.

1em은 현재 글꼴 크기와 같습니다. 요소의 글꼴 크기가 16픽셀인 경우 해당 요소의 1em은 16픽셀과 같습니다. 글꼴 크기를 설정할 때 em 값은 상위 요소의 글꼴 크기에 따라 변경됩니다.

브라우저의 기본 텍스트 크기는 16픽셀입니다. 따라서 1em의 기본 크기는 16픽셀입니다.

다음 공식을 사용하여 픽셀을 em으로 변환할 수 있습니다: 픽셀/16=em

(참고: 16은 상위 요소의 기본 글꼴 크기와 같습니다. 상위 요소의 글꼴 크기가 20px라고 가정하면 수식을 픽셀/20으로 변경해야 합니다. =저)

위 예에서 ems 단위의 텍스트 크기는 이전 예의 픽셀 단위 텍스트 크기와 동일합니다. 그러나 em 단위를 사용하면 모든 브라우저에서 텍스트 크기를 조정할 수 있습니다.

안타깝게도 IE에는 여전히 문제가 있습니다. 텍스트 크기를 조정하면 평소보다 크거나 작아집니다.

백분율과 EM을 함께 사용하세요

모든 브라우저에서 작동하는 솔루션은 본문 요소(상위 요소)의 기본 글꼴 크기 값을 백분율로 설정하는 것입니다.

<code>body {font-size:100%;}</code>
h1 {font-size:3.75em;}
h2 {font-size:2.5em;}
p {font-size:0.875em;}

6. 텍스트 장식 속성은 주로 링크의 밑줄을 제거하는 데 사용됩니다

7,

하위 선택자와 하위 선택자 결합

아래 선택기를 살펴보세요.

table.company td > p

위 선택기는 회사를 포함하는 클래스 속성이 있는 table 요소에서 상속되는 td 요소의 하위 요소인 모든 p 요소를 선택합니다.

8、

팁: CSS 정의에서 a:hover는 a:link 및 a:visited 뒤에 배치되어야 유효합니다.

팁: CSS 정의에서 a:active가 유효하려면 a:hover 뒤에 배치되어야 합니다.

팁: 유사 클래스 이름은 대소문자를 구분하지 않습니다.

https://zhuanlan.zhihu.com/p/22606894 프론트엔드 인터뷰 요약