HTML5 6일차 참고사항

CSS 레이아웃

일반적인 문서 흐름: 요소가 위에서 아래로 배열되는 순서

문서 흐름 외: 요소가 일반적인 배열 순서에서 벗어남

Floating: 블록 수준 요소를 상위 요소의 가장 왼쪽과 오른쪽으로 이동합니다(자체 의미에 따라 배열)

float(float): 왼쪽/오른쪽/없음

클리어(클리어): 왼쪽 /오른쪽/모두;

부모 요소에 상대적인 플로트 플로트

플로트는 혼합 그래픽과 텍스트에 자주 사용됩니다

플로팅이 있는 경우 요소의 상위 요소는 높이가 축소됩니다.

불투명도는 투명성을 나타냅니다

PC 웹 페이지 레이아웃

고정 너비 및 중앙 레이아웃

배너 머리글, 탐색 및 바닥글 레이아웃

기본 구성 요소: 헤더, 네비게이션, 배너, 본문, 바닥

글로벌 스타일: (페이지를 만들 때마다 작성해야 함)

*{
margin:0;
padding:0;
box-sizing:boder-box;content-box;
}
body{
font-size:12px;
font-family:Microsoft YaHei,"微软雅黑";
width:1000px;
margin:0 auto;
}
ul,ol,li{
list-style:none;
}
a{
text-decoration:none;
}
img{
border:none;
}

——— ——————————————————————————————

하위 요소에 margin-top을 추가하면 브라우저가 나타납니다. 호환되지 않음 , 문제를 해결하려면 상위 요소에 패딩 0.1px을 지정하세요.

Font Hidden-font-size:0px;

둥근 모서리 속성: border-radius:20px 30px 40px 50px;

원을 만들 때 border-radius:50%;만 지정하면 됩니다.

인라인 요소를 블록 수준 요소로 변환

인라인 요소의 기본 표시는 다음과 같습니다. 블록 수준 요소의 기본 표시는

H5에서 새로 추가한 태그는 시간만 쓸 수 있습니다.

H5에서 새로 추가한 태그는 저작권, 주소만 쓸 수 있습니다. , 등.

위 내용은 HTML5 6일차 노트 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 주목해주세요!