프런트엔드 CSS3 시작하기

프론트엔드를 배우고 싶다면 CSS3와 HTML5가 가장 기본이자 가장 먼저 배워야 할 지식이라는 걸 우리는 알고 있습니다. 오늘은 프론트엔드 입문서인 CSS3를 들고 와보겠습니다

더 이상 고민하지 말고 바로 본론으로 들어가겠습니다

css3이란

페이지를 구성하는 핵심 요소
CSS3는 "모듈"로 나뉩니다. 이전 사양이 작은 조각으로 나뉘고 새로운 사양이 추가되었습니다.
가장 중요한 CSS3 모듈 중 일부는 다음과 같습니다.

Selector

css는 스타일이라고도 하며 "선택기", "styleattribute" 및 "속성 값"(Alibaba 인터뷰 질문)의 세 부분으로 구성됩니다.

HTML 요소에 CSS 스타일을 설정하려면 요소 ①에서 "id" 및 "class" 선택기를 설정해야 합니다.

①JS에서는 요소를 DOM이라고 하며, 블록레벨 요소와 인라인 요소로 구분됩니다
이해가 잘 안되면 직접 확인해보세요

<p class="xxx">Hello,world</p>选择器{属性:值}
.xxx{width:100px;}<p id="xxx">Hello,world</p>选择器{属性:值}
#xxx{width:100px;}

둘 다 비슷하다면 셀렉터가 클래스를 사용한다면 스타일을 작성하세요. .xxx와 같이 "."로 시작해야 합니다. 선택기가 id를 사용하는 경우 #xxx와 같이 "#"으로 시작해야 합니다(특히 id가 유일한 선택기이고 클래스 이름은 한 번만 사용할 수 있다는 점을 강조합니다).

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트기타 관련 기사를 주목하세요!

관련 읽기:

IE11의 CSS 해킹을 해결하는 방법

axios Promise 기반 HTTP 요청 클라이언트를 만드는 방법

VUE가 anmate.css를 사용하는 방법

위 내용은 프런트엔드 CSS3 시작하기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!