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

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

高洛峰
풀어 주다: 2017-03-23 09:29:44
원래의
1886명이 탐색했습니다.

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

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿