HTML의 도움말 오버 플로우

간단한 HTML 및 CSS 코드를 사용하여 비즈니스 용 웹 페이지를 만들 때 CSS를 사용하여 HTML 코드에 정의 된 내용의 특정 "부분"을 스타일 지정하고 서식을 지정할 수 있습니다. 이렇게하면 텍스트 및 이미지의 형식을 이와 같이 지정할 수 있습니다 "랩 어라운드 (wrap around)"또는 서로를 준수하는 것. 즉, 내용의 일부는 이미지, 텍스트가 기둥, 격자 또는 기타 지정된 정렬로 함께 들어갈 수 있도록 다른 섹션으로 조정할 수 있습니다.

HTML과 CSS

HTML이 웹 브라우저에서 웹 페이지를 표시하는 방식을 정의하는 태그 메타 언어를 제공하는 반면, 웹 디자인의 진정한 힘은 HTML을 캐스 케이 딩 스타일 시트와 혼합 할 때입니다. CSS는 HTML 파일에 포함 된 요소에 대한 비헤이비어를 정의하여 페이지의 보편적 인 레이아웃을 만듭니다. 여러 HTML 문서가 동일한 CSS 페이지를 참조 할 수 있으므로 모든 페이지에서 규칙적인 모양을 적용 할 수 있습니다.

HTML 부와 플로팅

CSS는 HTML 태그의 동작을 정의하여 HTML과 함께 작동합니다. 특히, CSS는 태그를 이용합니다. 이러한 구분 태그는 문서의 일부를 둘러싸고 있으며 전체적으로 같은 스타일을 가져야하는 별도의 정보 단위로 식별합니다. 이러한 구분은 CSS를 통해 내용의 색상 변경, 크기 변경 또는 특정 페이지 경계로의 "부동"을 할 수 있으므로 페이지 크기를 조정해도 레이아웃이 손상되지 않는다는 점에서 일종의 "상자"역할을합니다.

CSS 및 HTML로 플로팅

"float"속성을 사용하려면 내용에 나눗셈을 만들거나 이미지를 참조하십시오. 그런 다음 CSS 문서에서 해당 div 또는 이미지를 이름으로 참조하고 float 특성을 지정합니다. 다음 코드 예제는 내부 스타일 시트를 사용하여이를 수행하는 방법을 보여줍니다. "section1"이라는 HTML의 부분은 너비가 100 픽셀입니다. float를 사용하는 모든 디비전은 지정된 너비가 필요합니다. 이미 이미지에는 암시 된 너비가 있습니다.

지우기, 여백 및 안쪽 여백

float 속성을 사용하는 기본 사항과 함께 여백, 여백 및 여백 속성과 같은 다른 항목을 사용할 수도 있습니다. clear 속성은 부동 요소와 동일한 행에 다른 내용이 나타나지 않도록합니다. 여백은 나누기의 왼쪽 및 아래 공백 주위의 공간을 제어합니다. 채우기는 내용과 경계의 경계 사이의 부분에서 내부 공간을 제어합니다. 이 세 가지 항목을 함께 사용하면 텍스트와 다른 이미지를 감싸는 것을 허용하거나 허용하지 않는 깨끗한 "상자 모양"구분을 만들 수 있습니다.