클래스와 ID의 차이, 마진과 패딩의 차이 CSS 학습노트_체험교류

클래스와 ID의 차이, 마진과 패딩의 차이, CSS 스터디 노트_체험교류

이제 CMS의 99.99%가 p+css를 사용하여 웹 페이지 템플릿을 구축하기 때문에 저는 나이가 들면서 CSS를 배울 수밖에 없습니다. 솔직히 말해서 레이아웃에 p를 사용하는 것이 테이블보다 낫다고 생각하지 않습니다! 하지만 현재 상황을 고려하면 일단 참아보고 얼마나 배울 수 있는지 살펴보겠습니다.
데이터와 구조의 분리 원칙에 따라 CSS는 웹페이지 파일과 독립되는 것이 가장 좋습니다. CSS 파일을 웹페이지 파일로 옮기려면

<link rel="stylesheet" type="text/css" href="../xxx/web.css" />

문을 사용하세요. 웹 페이지 파일에 CSS 코드를 직접 작성하는 것은 권장되지 않습니다. 이것의 장점은 수정이 쉽고, 검색 엔진에 친숙하여 ​​검색 엔진 크롤러가 쉽게 크롤링할 수 있다는 것입니다.

margin 및 padding 속성
margin 및 padding 속성은 간단히 요소의 외부 여백과 내부 여백으로 이해될 수 있습니다.

margin-top, 
margin-right, 
margin-bottom, 
margin-left, 
padding-top, 
padding-right, 
padding-bottom and padding-left

클래스와 ID의 차이점
간단히 말하면 ID 이름은 한 페이지에 한 번만 나타날 수 있지만 CLASS는 한 페이지에 ID 이름이 두 번 나타날 경우 여러 번 나타날 수 있습니다. , 반대 페이지의 모양이 변경됩니다. 그런데 W3 사양을 준수하지 않는다는 것뿐입니다. 단일 요소 또는 프로그램이나 JS 제어가 필요한 항목은 ID로 정의해야 하며 재사용 요소는 클래스로 정의됩니다.

위는 Class와 ID의 차이, margin과 padding의 차이, CSS 학습노트_체험교류 내용이며, 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.php.php)를 참고해주세요. CN)!