CSS의 표시 방법이 무엇인지 가르쳐 드리겠습니다.

오늘은 CSS의 표시 방법을 배워봅니다

1. 표시 방법:

상자의 기본 표시 유형은 display 속성

속성: display

                                                                                             

표시, 숨기기. 값이 없음

으로 설정되면 요소 내의 모든 콘텐츠가 더 이상 표시되지 않으며 더 이상 문서 공간을 차지하지 않습니다. 2 , 블록: 블록, 모든 요소 표시 1 블록의 특성은 다음과 같습니다. :

1. 단독 재배

2. 너비와 높이 설정 가능 2. 블록 용도 : 1

줄의 요소는 동일한 요소를 표시한다고 상상해 보세요.

                                                                                        ~

in line

특징: 여러 요소를 한 줄에 표시 1

, 블록 수준 요소가 인라인 요소가 됨

인라인 사용법경우: 🎜 >

2

, 행의 요소는 에서 숨겨집니다. (표시: 없음;) > 4 , Inline-BLOCK

: 내부 블록, 요소 자체는 내부 요소이지만, 블록의 특성상 너비와 높이를 수정

) , 은 인라인 블록 요소

입니다.

          1. Inline-block 사용사용처: 인라인 요소의 너비와 높이를 변경하고 싶을 때

2. inline-block 표시 효과

1, 가시성속성

기능: 요소 가시성을 확보하기 위해( 표시 /숨기기)

1

、

표시 : 기본값은 요소가 표시됩니다. 2 ,

Hidden : 요소가 보이지 않고 숨겨지지만 공간은 여전히 ​​차지합니다. 3 ,

Collapse

: 테이블에 사용되며 테이블 레이아웃에 영향을 주지 않고 하나 또는 하나의 열을 삭제할 수 있습니다. 2, 불투명도

속성

: 불투명도 수준을 설정합니다. 요소                                                                                   > (

0

및 포함) 사이의 숫자 1)                                      1: 완전히 불투명함  >              ” ' ' ' ' ' ' ' ' ' ' ' ' 값이 클수록 더 불투명해집니다

' ' ' 3, vertical-align

속성

:

수직 정렬 설정 값: 상단 / 중간 /하단 (상단, 중앙, 하단) 기준선: 기준선 정렬(기본 정렬)                                                                                     ~

내부 블록 (IMG) 요소의 경우 텍스트와 현재 요소 간의 정렬 방법을 정의할 수 있습니다.

예: 다음 텍스트를 원합니다. 2를 인라인 블록으로 연결하고 3블록이 됨, 링크4사라짐rreee

          4

, 커서속성커서 :

기본적으로 웹페이지의 커서 표시는 요소에 따라 다르게 보입니다.

하이퍼링크: 손 모양

텍스트: I

버튼: 화살표

CSS에서는 커서 속성을 통해 커서 표시 효과를 변경하여 제공할 수 있습니다. 고객에게 시각적 힌트를 제공합니다.

속성: 커서

값: 포인터: 손 모양

기본값: 기본값

십자선: + 모양

텍스트: I 상태

잠깐: 잠깐

도움말: ?

위 내용은 CSS의 표시 방법이 무엇인지 가르쳐 드리겠습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!