>  기사  >  웹 프론트엔드  >  HTML CSS 태그 유형 변환, 스타일 재설정 및 프런트엔드 사양에 대한 자세한 소개

HTML CSS 태그 유형 변환, 스타일 재설정 및 프런트엔드 사양에 대한 자세한 소개

高洛峰
高洛峰원래의
2017-03-23 09:29:441786검색

HTML CSS 기본 태그 기본값 스타일 재설정:

(css reset) 포함:

body, p, h1, h2 ,h3,h4,h5,h6,dl,ddmargin 글꼴

ol, ul, a, img 및 기타 태그에 대한 기본값 스타일 재설정

그룹 재설정

태그의 기본 속성 및 변환

블록과 인라인의 특징 및 차이점:

인라인, 인라인, 인라인 속성 태그:

1. 기본적으로 동일한 유형의 태그는 계속 팔로우할 수 있습니다

2. 콘텐츠 확장 너비

3. 너비 및 높이

는 지원되지 않습니다. 4 , 상하 marginpadding

을 지원하지 않습니다. 5. 코드 줄 바꿈이 구문 분석됩니다.

빠른 속성:

1 . 기본값 한 줄로만 표시

2. 너비가 없는 경우 기본값은 행 채우기입니다.

display: block; 🎜>

디스플레이: inline ; (인라인으로 표시됨)

인라인 블록 기능 및 응용

인라인 블록은 라인 내의 블록으로 이해될 수 있습니다.

특징: 1. 블록은 한 줄에 표시됩니다

2. 인라인 속성 태그는 너비와 높이를 지원합니다

3. 너비가 없으면 콘텐츠가 너비를 확장합니다

문제점

1. 코드 줄 바꿈이 구문 분석됩니다.

2. IE6/IE7은 블록 속성 태그의 인라인 블록을 지원하지 않습니다.

커서 포인터 커서 유형: (표시할 커서의 유형을 지정)

커서: 포인터|텍스트|mave. . .

cursir.url(hand.cur), 포인터 : 이미지를 소개하고 실행할 수 없으면 실행

pointer

면접질문(클래식) :

2.id는 영문 반각

상태

입니다.

class

는 문자

로 시작해야 합니다. 3. 모든 태그는 닫혀 있어야 합니다. 4.

HTML 태그

코드 들여쓰기 사양 (1. 가독성 향상 , 백엔드 오류 확률 감소 2. 읽기 및 오류 확인에 편리함) 5. 속성 값은 따옴표 안에 있어야 함

6