요소 분류
CSS 레이아웃을 설명하기 전에 먼저 몇 가지 지식을 알아야 합니다. CSS에서 HTML의 레이블 요소는 일반적으로 블록 Shape 요소, 인라인 요소(인라인 요소라고도 함) 및 인라인 블록 요소입니다.
일반적으로 사용되는 블록 요소는
,
, 일반적으로 사용되는 인라인 요소는 , 입니다. ;, , , , , , , , , 일반적으로 사용되는 인라인 블록 요소는 <img>, <input>입니다.다음 섹션||새로운 파일<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Title</title> </head> <body> PHP中文网 </body> </html>제출하다코드 재설정자동운전||전체 화면실행 결과장코스웨어장1HTML에 대한 첫 소개첫 번째 페이지 만들기HTML과 CSS의 관계HTML 파일 구조HTML 문서HTML 태그HTML을 느껴보세요장2HTML 텍스트HTML 요소HTML 속성HTML 텍스트 형식HTML 스타일HTML 주석장3HTML 하이퍼텍스트 (1)HTML 링크하이퍼링크를 여는 방법하이퍼링크에 프롬프트 텍스트 추가하이퍼링크 구현 북마크HTML 테이블HTML 이미지장4HTML 하이퍼텍스트(2)HTML 목록HTML 블록 요소HTML 레이아웃HTML 양식텍스트 입력 상자, 비밀번호 입력 상자텍스트 필드, 여러 줄의 텍스트 입력 지원라디오 버튼과 체크박스를 사용하세요드롭다운 목록 상자여러 항목을 선택하려면 드롭다운 목록 상자를 ...제출 버튼을 사용하여 데이터를 제출하세요.재설정 버튼을 사용하여 양식 정보를 재설정하세...양식의 라벨 태그장5CSS 입력 기본 사항CSS 소개 및 학습 경로CSS의 기본 구문CSS 주석 코드장6CSS 스타일 기본인라인 CSS 스타일임베디드 CSS 스타일외부 CSS 스타일세 가지 방법의 우선순위장7CSS 기본 스타일CSS 배경CSS 텍스트CSS 링크CSS 목록CSS 테이블CSS 개요장8CSS 박스 모델요소 분류요소 분류--블록 수준 요소요소 분류--인라인 요소요소 분류--인라인 블록 요소CSS 상자 모델 개요상자 패딩CSS 상자 모델 테두리CSS 상자 모델 여백박스 모델 너비 및 높이상자 모델 채우기상자 모델--테두리장9CSS 고급CSS 위치 지정CSS 플로트CSS 크기CSS 네비게이션 바CSS 이미지CSS 상속CSS 특이성CSS 캐스케이드장10CSS 선택기요소 선택기선택기 그룹화클래스 선택자아이디 선택기속성 선택기(하위) 선택자를 포함합니다.자식 선택자파생 선택자없음
일반적으로 사용되는 인라인 요소는
, 입니다. ;, , , , , , , , ,
, , ,
일반적으로 사용되는 인라인 블록 요소는
<img>, <input>