CSS의 배경 설정 및 텍스트 모양 속성 요약

이 글은 주로 CSS의 배경 설정과 텍스트 모양 속성을 소개합니다. 관심 있는 친구들이 참고하면 좋을 것 같습니다.

Css 배경 표현:

1: background-color: 배경색 단어, rgb 표기, 16진수 표기

2: background-image: 배경 이미지가 설정되지 않은 경우 배경은 타일링됩니다.

p {

너비: 500px;

높이: 500px;

배경 이미지: url(images/wuyifan.jpg);

}

3: 배경- 반복: 배경 이미지를 반복적으로 반복할지 여부를 설정합니다.

a：배경 반복:반복 없음

b：배경 반복:반복-x; >

c：Background-repeat:repeat-y; 수직 반복

팁: 1픽셀 또는 주기적 이미지를 사용하여 웹 페이지를 만들 수 있습니다. 배경

css 길이 단위:

—px: 픽셀 포인트, 픽셀은 모니터가 표시하는 것입니다. 한 포인트

— em: 1em=16px

팁: 해상도가 높은 컴퓨터의 경우 색상 하나를 표현하는 데 몇 개의 포인트가 사용됩니까? 일반 컴퓨터의 해상도는 1포인트가 1픽셀에 해당합니다.

일반적인 텍스트 크기는 12픽셀과 14픽셀입니다

텍스트 모양 속성:

1: 색상 텍스트 색상

2: 문자 간격: 단어 간격, 문자 간격 공백 문자 사이

3: word-sapce: 단어 간격, 영어 단어 사이의 간격을 정의, 한자에는 유효하지 않음

4: line- hight: 줄 높이, 텍스트 상단 + 텍스트 상단 + 이중 줄 간격 ----- 한 줄의 텍스트를 수직으로 중앙에 배치할 수 있기 때문에 가장 많이 사용됩니다.

단어가 행 내부의 가운데에 있습니다. 규칙: 줄 높이와 글꼴 크기는 일반적으로 짝수입니다. 이런 식으로, 그 차이는 2로 나누어지는 짝수가 됩니다.

5: text-design: 텍스트의 밑줄을 설정하는 데 사용

none: 장식 없음(밑줄을 제거할 수 있음) 태그)

밑줄: 밑줄 윗줄: 윗줄

line-through: 취소선

6 : text-align: HTML

7: text-indent: 첫 줄 들여쓰기 의 정렬 속성과 동일한 텍스트 콘텐츠의 가로 정렬을 설정합니다. 단락의 첫 번째 줄 들여쓰기를 설정합니다. 블록 수준 태그에서만 설정할 수 있습니다. 실제로는 웹사이트에 배치된 아이콘 텍스트를 들여쓰기하는 데 사용됩니다. 🎜>팁: 세로 한 줄 텍스트 달성 중앙: line-hight는 p 상자의 높이와 같습니다.

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.

【추천 튜토리얼】

1. Tutoriel vidéo CSS
2 Manuel CSS en ligne
3. Tutoriel bootstrap

.