지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > CSS 튜토리얼 > HTML 및 CSS에서 DIV 및 범위를 사용하는 방법은 무엇입니까?

HTML 및 CSS에서 DIV 및 범위를 사용하는 방법은 무엇입니까?

云罗郡主
풀어 주다： 2018-11-05 14:22:19
원래의
3402명이 탐색했습니다.

이 글은 CSS와 HTML의 "div"와 "span"을 이해하고 사용하며, CSS로 스타일을 지정하는 데 도움이 됩니다. "div"를 사용하는 주된 목적은 본체를 더 작은 부분으로 나누는 것이고, "span"은 행 내의 영역을 정의하는 데 사용됩니다.

HTML 및 CSS에서 DIV 및 범위를 사용하는 방법은 무엇입니까?

하나: 1. 1.html에서 div

을 사용하여 메모장을 열고 기본 HTML 구조를 입력합니다. 기본적으로 HTML 내부에 본문이 포함되어 있습니다.

2.

태그를 body 태그 안에 넣습니다. div는 컨테이너 태그이므로 뒤에
가 와야 합니다. 분할되므로
내에서 div 태그를 사용할 수도 있습니다.

Two: 1.

#을 사용하여

에 대한 ID를 만들거나 간단히 div를 작성하고 높이, 너비 등을 설정할 수 있습니다. 하지만 div가 많으면 ID를 사용하는 것이 좋습니다.

2. 스팬

을 사용하여 태그를 삽입하고 텍스트를 작성한 다음 으로 닫습니다. 범위 태그는 일반적으로 행의 일부를 선택하고 특정 속성을 적용하는 데 사용됩니다. 그러나 이를 사용하여 여러 행을 선택할 수 있습니다.

팁:

와 은 모두 컨테이너 태그이므로 닫아야 한다는 점을 항상 기억하세요.

큰

를 만들고 그 안에 많은
를 넣을 수 있습니다.

표를 사용하는 대신

를 사용하여 웹사이트의 레이아웃을 만들 수 있습니다.

위 내용은 HTML 및 CSS에서 DIV 및 범위를 사용하는 방법에 대한 전체 소개입니다.

CSS3 튜토리얼

에 대해 자세히 알고 싶다면 PHP 중국어에 주목하세요. 웹사이트.

위 내용은 HTML 및 CSS에서 DIV 및 범위를 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
css div span
원천：php.cn
이전 기사：CSS 텍스트 밑줄 설정 방법 소개 다음 기사：px, em, rem 중 어느 것을 선택해야 하나요? CSS 상대 글꼴 크기에 대한 자세한 소개
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
PX가 REM 오류로 자동 변환  <style>html {   글꼴 크기: calc(100vw / 3.75);      }body {    글꼴 크기: 0.16rem;      }&l...
에서 2024-04-16 09:34:16
0
0
4687
0ms 수면을 생략하면 CSS 전환이 중단되는 이유는 무엇입니까? 제가 제대로 이해하고 있는지 알아보기 위해 FLIP 애니메이션을 구현해 보려고 합니다. 이 코드펜에서(잘못된 코드를 양해해 주세요. 그냥 장난을 쳤을 뿐입니다) ...
에서 2024-04-06 16:29:50
0
2
490
클릭 및 스크롤 시 div 숨기기/표시 검색 아이콘을 클릭하면 나타나고 사용자가 클릭하거나 스크롤하면 숨겨지는 숨겨진 검색 양식을 만들고 싶습니다.
에서 2024-04-06 12:20:46
0
1
386
동적으로 크기가 조정된 이미지/제목의 너비에 텍스트 너비를 맞추려면 어떻게 해야 합니까? 이 코드펜을 참조하세요: https://codepen.io/allen-houng/pen/XGMjMr?editors=1100#0<div><imgsr...
에서 2024-04-06 10:04:43
0
2
386
링크를 제거한 후에도 툴팁이 계속 작동하는 이유는 무엇입니까? 링크를 제거한 경우에만 툴팁과 함께 div 태그가 표시됩니다. 둘은 어떤 관련이 있나요? div 콘텐츠는 링크와 함께 표시되지 않습니다. .tooltip{posi...
에서 2024-04-05 09:51:08
0
1
1419
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿