오늘은 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!