HTML + CSS의 몇 가지 학습 포인트

1. td가 여러 행/열을 차지할 경우 압착된 td는 작성되지 않습니다(단, td를 감싸는 tr은 작성되어야 함).

2 display:td 요소의 텍스트는 기본적으로 수직 중앙에 위치하지 않습니다. 테이블의 내용이 중앙에 있지 않습니다. 텍스트가 수직으로 중앙에 있습니다.)

3.th 헤더 제목이 정의되어 있지만 기본적으로 줄을 넘지 않습니다(줄을 나누려면 colspan이 필요합니다)

4.text-indent를 상속받을 수 있습니다

5.

은 블록 요소입니다

6.

은 블록 요소이지만 너비는 기본적으로 상위 요소 너비의 100%가 아닙니다.

7. 테이블의 너비를 기준으로 td의 전체 너비가 테이블의 너비보다 큰 경우

8.for="name">Text A for의 값은 이름과 ID일 수 있습니다. 여기서 이름은 I can have a name" id="I can also have an ID"> 이름은 모든 태그에서 나옵니다. (

ID만 있으니 이름은 안 알려주시는 게 좋을 것 같습니다. 아

)

9. 이상한 요소. 기본 너비는 적응형이지만 배경색을 추가하면 전체 화면으로 표시됩니다!

10. line-height를 사용하여 한 줄 텍스트를 세로로 가운데에 배치하고 으로 여러 줄 텍스트를 감싸고 vertical-align: middle; 요소 텍스트가 넘치면 눌려지고

, 그림과 요소 상자가 넘치면 형제 요소가 눌리지 않습니다.

12.width / height = 100% 상위 요소가 너비를 설정하지 않으면 너비가 없습니다(상향 검색은 없음). 완료) 조상 요소)

13.

고정 너비/고정 높이

페이지를 늘리거나 줄여도 레이아웃이 변형되지 않습니다

14. 문서 로딩 및 렌더링이 위에서 아래로 이루어지므로 CSS 선택기가 이동하지 않습니다. up 선택

(형제 요소, 상위 요소, 조상 요소)

15.color 색상 속성을 상속받을 수 있습니다

16.inherit는 상위 요소인 경우 지정된 CSS 속성에 대해 하위 요소가 상위 요소의 값을 상속하도록 합니다. 이 값을 설정하지 않으며 조상 요소의 이 속성 값은 상속되지 않습니다. (높이 등 많은 속성이 기본적으로 상속되지 않으므로 상속을 추가해야 합니다.)

17. iframe은 body와 공존하지만 몇 가지 문제가 있습니다(웹사이트 순위 및 스타일 렌더링 문제)

18. 테두리 반경, 채워진 픽셀 및 채워진 백분율의 값이 다른 모양을 형성합니다. (50%는 원이나 타원을 형성하고, 높이의 1/2픽셀은 캡슐을 형성합니다)

19. 행의 셀은 높이를 설정하지 않으며 테이블에서 높이를 설정하더라도 내용이 없습니다. 할당됨 (저는 여전히 사회주의자가 더 좋습니다) 아!) 행 높이를 원하면  

20.td를 작성하여 너비와 높이를 설정하고 테이블을 작성하여 너비와 높이를 설정하세요. , 그러나 td 패딩을 제공하면(

td는 여백을 지원하지 않지만 패딩은 지원

) 테이블이 무한히 확장됩니다(td의 너비와 높이 속성만 늘리면 td의 전체 너비와 높이가 너비와 같을 때). 그리고 테이블에 의해 설정된 높이가 있는 경우 td의 너비와 높이를 늘리는 것은 유효하지 않습니다. 실제로 테이블의 너비와 높이는 td의 실제 너비와 높이보다 큽니다. 이 경우 더 큰 부분이 배포됩니다.

위 내용은 HTML + CSS의 몇 가지 학습 포인트의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!