CSS 프레임워크를 사용하는 방법

CSS 프레임워크를 사용하는 단계: 1. 메타를 설정합니다. 2. CSS 프레임워크 코드를 인용하기 전에 기본 CSS를 참조합니다. 3. CSS 프레임워크에서 기본 CSS를 참조합니다. 4. 필요한 프레임워크 CSS를 참조합니다.

CSS 프레임워크는 Cascading Style Sheet 언어를 사용하여 더 쉽고 표준을 준수하는 웹 디자인을 가능하게 하는 사전 준비된 소프트웨어 프레임워크입니다. 이러한 프레임워크의 대부분에는 최소한 하나의 그리드 디자인이 포함되어 있습니다.

CSS 프레임워크를 사용하는 단계:

1.

2. CSS 프레임워크 코드를 인용하기 전에 기본 CSS를 참조하세요.

3. CSS 프레임워크 메인 CSS를 참조하세요.

4. 필요한 프레임워크 CSS를 인용하세요.

CSS 프레임워크의 사용을 설명하기 위해 pure를 예로 들어 보겠습니다.

1단계:

메타 설정

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0;
 maximum-scale=1.0; user-scalable=0;" />

2단계:

기본 CSS 인용, 즉 pure를 참조하는 모든 코드를 도입해야 합니다. A css

<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/base-min.css">

세 번째 단계:

pure의 주요 CSS 인용

<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/pure-min.css">

네 번째 단계:

필요한 순수 CSS 소개 여기서는 반응형 레이아웃에 대해 이야기하기 시작했습니다.

<!--[if lte IE 8]>
<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css">
<!--<![endif]-->

권장 학습: css 비디오 튜토리얼

위 내용은 CSS 프레임워크를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!