>  기사  >  웹 프론트엔드  >  CSS에서 상위 요소를 선택하는 방법

CSS에서 상위 요소를 선택하는 방법

藏色散人
藏色散人원래의
2020-12-18 09:53:0716678검색

CSS에서 상위 요소를 선택하는 방법: 먼저 HBuilderX 도구를 열고 새 HTML5 정적 페이지를 만든 다음 여러 div 태그를 body 태그 요소에 삽입한 다음 마지막으로 내부에서 div 선택을 사용합니다. body 태그 도구를 사용하여 div 태그 스타일을 설정할 수 있습니다.

CSS에서 상위 요소를 선택하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5&&CSS3&&HBuilderX v2.1.3.20190723 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

권장: "css 비디오 튜토리얼"

css 선택기를 사용하여 자신의 상위 요소를 선택하세요

1. 아래와 같이 두 번 클릭하여 HBuilderX 도구를 열고 새로운 HTML5 정적 페이지를 만듭니다.

CSS에서 상위 요소를 선택하는 방법

2. 아래와 같이 body 태그 요소에 여러 div 태그를 삽입하고 div가 있는 div에 중첩시킵니다.

CSS에서 상위 요소를 선택하는 방법

3. 제목 태그 아래에 스타일을 추가하고 스타일의 글로벌 버전을 설정한 후 다음을 사용합니다. 아래 그림과 같이 * 기호를 사용하세요.

CSS에서 상위 요소를 선택하는 방법

4. 코드를 저장하고 브라우저를 열어 페이지 효과를 확인하세요. 배경색은 아래 그림과 같이 페이지에서 확인할 수 있습니다.

CSS에서 상위 요소를 선택하는 방법

5. 본문 태그 선택기를 사용하여 그림과 같이 너비, 글꼴 속성, 글꼴 크기 등과 같은 속성을 설정합니다. 아래:

CSS에서 상위 요소를 선택하는 방법

6 마지막으로 아래와 같이 body 태그 내부의 div 선택기를 사용하여 div 태그 스타일을 설정하고 내부 및 외부 가장자리의 테두리와 가중치 거리를 추가합니다.

CSS에서 상위 요소를 선택하는 방법

위 내용은 CSS에서 상위 요소를 선택하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.