CSS 레이아웃을 설명하기 전에 먼저 몇 가지 지식을 알아야 합니다. CSS에서 html의 레이블 요소는 일반적으로 블록 요소, 인라인 요소(인라인 요소라고도 함), 연결된 블록 요소의 세 가지 유형으로 나뉩니다. .
일반적으로 사용되는 블록 요소는
,
, 일반적으로 사용되는 인라인 요소는 , 입니다. ;, , , , , , , , , 일반적으로 사용되는 인라인 블록 요소는 <img>, <input>입니다.다음 섹션||새로운 파일<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>!important</title> </head> <body> 欢迎来到 PHP 中文网学习 </body> </html>제출하다코드 재설정자동운전||전체 화면실행 결과장코스웨어장1HTML 소개HTML+CSS HTML에 대한 쉬운 소개장2HTML 시작하기쉬운 진입을 위한 HTML+CSS HTML 인...HTML+CSS HTML 선언으로 쉽게 시작하...장3HTML 태그HTML+CSS 쉬운 입력을 위한 기본 HTM...HTML+CSS 기본 HTML 태그로 쉽게 시...HTML+CSS 앵커 링크로 쉽게 시작하기HTML+CSS 시작하기 쉬운 양식정렬된 태그와 정렬되지 않은 태그, DIV 태...장4CSS가 페이지에 스타일을 추가합니다.HTML+CSS CSS 스타일 이해로 시작하기...HTML+CSS CSS에 대한 기본 지식으로 ...HTML+CSS Float(float)로 쉽게...HTML+CSS 하이퍼링크 상태로 쉽게 시작하...장5CSS 선택기HTML+CSS 선택기란 무엇인지 쉽게 소개합...HTML+CSS 시작하기 쉬운 선택기HTML+CSS ID 선택기로 쉽게 시작하기HTML+CSS에 쉽게 진입할 수 있는 범용 ...HTML+CSS 쉬운 시작 하위 선택기HTML+CSS 선택기로 쉽게 시작하기HTML+CSS 의사 클래스 선택기로 쉽게 시...HTML+CSS 시작하기 쉬운 그룹 선택기장6CSS 상속, 계단식 및 특이성상속을 시작하기 쉬운 HTML+CSSHTML+CSS 캐스케이딩을 시작하기 쉽습니다...HTML+CSS를 쉽게 시작할 수 있는 특징HTML+CSS를 쉽게 시작하는 것의 중요성장7CSS 박스 모델HTML+CSS에 쉽게 진입할 수 있는 요소 ...HTML+CSS에 쉽게 진입할 수 있는 블록 ...HTML+CSS 인라인 요소로 쉽게 시작하기인라인 블록 요소로 시작하기 쉬운 HTML+C...HTML+CSS 시작하기 쉬운 박스 모델HTML+CSS 시작하기 쉬운 상자 모델 테두...HTML+CSS 시작하기 쉬운 상자 모델 테두...HTML+CSS 시작하기 쉬운 상자 모델 너비...HTML+CSS 시작하기 쉬운 박스 모델 채우...HTML+CSS 상자 모델의 경계로 쉽게 시작...장8CSS 레이아웃 모델쉬운 입력을 위한 HTML+CSS 레이아웃 모...HTML+CSS 유체 모델의 블록 요소로 쉽게...HTML+CSS 유체 모델의 인라인 요소로 쉽...HTML+CSS 플로팅 모델로 쉽게 시작하기HTML+CSS 쉬운 입력 레이어 모델장9종합적인 예HTML+CSS 쉽게 시작하기 위한 HTML+...HTML+CSS HTML+CSS 종합 예제로 ...없음
일반적으로 사용되는 인라인 요소는
, 입니다. ;, , , , , , , , ,
, , ,
일반적으로 사용되는 인라인 블록 요소는
<img>, <input>