5장 텍스트 CSS-CSS 튜토리얼-php.cn

이 장의 주요 기능 ＣＳＳ

일반적으로 웹사이트의 대부분의 콘텐츠는 텍스트입니다. 이러한 텍스트 관련 CSS 지침을 통해 웹페이지 콘텐츠를 아름답게 레이아웃할 수 있습니다. 이 장에서는 두 부분으로 나누어 소개합니다. 첫 번째 부분은 다양한 스타일의 텍스트 글꼴을 제어하는 데 사용되는 글꼴별 CSS 명령에 대한 것이고, 두 번째 부분은 텍스트를 제어하는 데 사용되는 텍스트 기반 CSS 명령에 대한 것입니다. 글꼴. 텍스트 단락의 모양과 배치.

CＳＳＳ 글꼴 속성 명령

IE4 적용 가능: 모든 요소 가능한 값: 글꼴 이름 기본값: 브라우저에 따라 다름 상속: 예 일반 예: SPAN { family-name : "Italian" } 동축 예: < SPAN style="family-name: Standard italic">font-style 글꼴 스타일 설정 지원: IE3, IE4, NC4 적용 가능: 모든 요소 가능한 값: Normal 일반 글꼴 italic italic oblique italic 기본값: 일반 상속: 일반적인 예가 있습니다: SPAN { 글꼴 스타일: italic } 동축 예: font-weight 글꼴 두께 설정 지원: IE3, IE4, NC4 적용 가능: 모든 요소 가능한 값: 보통, 굵은체는 상위 요소보다 약간 두껍고, 더 가벼운 것은 상위 요소보다 약간 얇습니다. 800, 900. 작은 것부터 큰 것까지의 숫자는 얇은 것부터 두꺼운 것까지의 획을 나타냅니다. Normal=400 Bold=700 기본값: 일반 상속: 일반적인 예가 있습니다: SPAN {font-weight :bolder } 동축 예: font-size 텍스트 크기 설정 지원: IE3, IE4, NC4 적용 가능: 모든 요소 가능 값: 절대 크기, 작은 것부터 큰 것까지 사용 가능한 7개의 매개변수가 있습니다: xx- 소형, x-소형, 소형, 중형, 대형, x-대형, xx-대형<상대적 크기> 사용 가능한 매개변수는 상위 요소의 글꼴 크기에 따라 결정됩니다. 길이 단위는 상위 요소의 글꼴 크기를 기준으로 합니다. 1장의 기본 단위에 대한 관련 지침을 참조하세요. 백분율은 상위 요소의 글꼴 크기를 기준으로 미리 결정됩니다. 설정값: 중간 상속: 일반 사항이 있습니다. 예: SPAN { 글꼴 크기: 12pt } 동축 예: font-variant 텍스트 변환 지원 설정: IE3, IE4, NC4 적용 가능: 모든 요소 가능한 값: 일반 일반 글꼴 small-caps 소문자 텍스트를 대문자로 변환 기본값: Normal 상속: Yes 일반 예: SPAN {font-variant : small-caps } 동축 예: font 종합 설정 지원되는 글꼴 속성: IE3, IE4, NC4 적용 가능: 모든 요소 가능한 값: 글꼴 스타일 설정 텍스트 변환 정의글꼴 두께 설정텍스트 크기 및 열 높이 설정(텍스트 열 높이 설정 섹션 참조)텍스트 글꼴 설정 기본값: 없음 상속: 예 일반 예: SPAN { 글꼴: 더 굵은 작은 대문자 12pt/120% Arial } 동축 예: < SPAN style="font : 더 굵은 대문자 12pt/120% Arial ">

리터럴 C　Ｓ　Ｓ 명령

line-height 열 높이 설정 지원: IE3, IE4, NC4 적용 가능: 모든 요소 가능한 값: 일반 일반 열 높이, 브라우저에 따라 적절한 높이가 변경됩니다. size 이 숫자를 열 높이 로 사용하여 1장의 기본 단위 관련 지침을 참조하세요. %는 요소 글꼴 크기의 비율입니다. 일반적인 예는 다음과 같습니다. DIV { line-height : 120% } 동축 예:

text-align 텍스트 쌍 지원 설정: IE3, IE4, NC4 적용 가능: 블록 요소 가능한 값 : 중앙에서 중앙 오른쪽에서 오른쪽 왼쪽에서 왼쪽으로 왼쪽과 오른쪽 쌍 정렬 기본값: 브라우저에 따라 다름 상속: 일반적인 예가 있습니다: DIV { text-align : center } 동축 예:

vertical-align 수직 쌍 지원 설정: IE4 적용 가능: 동축 요소 가능한 값: top은 동일한 열의 가장 높은 요소에 대한 top 하단은 동일한 열의 가장 낮은 요소에 대한 하단 라인의 하단 기준선에 대한 중간 center sub 요소를 아래 첨자 super에 배치합니다. 위 첨자 text-top, text-top이 텍스트 상단, text-bottom이 텍스트 하단에 배치됩니다. 기본값: 기준선 상속: 일반적인 예가 있습니다: SPAN { Vertical-align : sub } 동축 예: text-장식 텍스트 장식 지원 설정: IE3, IE4, NC4 적용 가능: 모든 요소 가능한 값: 없음 일반 문자 밑줄 텍스트 + 밑줄, 윗줄 텍스트, 상단 줄, 줄 통과 텍스트, 취소선 깜박임, 설정 text 깜박임 기본값: 없음 상속: 예 일반적인 예: SPAN { text-꾸밈: 깜박임 } 동축 예: text-transform 텍스트 변환 지원 설정: ＩＥ3, ＩＥ4, ＮＣ4 적용 가능: 모든 요소 가능한 값: 없음 일반 단어 capitalize 영어 단어 중 한 글자를 대문자로 변환합니다. 모든 텍스트를 대문자 소문자로 변환합니다. 모든 텍스트를 소문자로 변환합니다. 기본값: 없음 상속: 예 일반 예: SPAN { text-transform : uppercase } 동축 예: letter-spacing 문자 간격 설정 지원: IE4 적용 가능: 모든 요소 가능한 값: 일반 문자 간격을 변경하지 않고 브라우저 기본값인 를 사용합니다. 간격의 길이를 늘리십시오. 음수일 수 있습니다. 기본값: Normal 상속: 일반적인 예가 있습니다: SPAN { letter-spacing : 0.5pt } 동축 예: text-indent 텍스트 들여쓰기 설정 지원: IE3, IE4, NC4 적용 가능: 블록 요소 가능한 값 ： 길이 단위, 1장의 기본 단위 관련 지침을 참조하세요. 기본값: 0 상속: 예 일반 예: DIV { text-indent: 3pt } 동축 예:

위 내용은 5장의 텍스트 기반 CSS 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php .cn)를 참고해주세요!