여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. w3.css - 소개
w3.css – 소개
5개월전 작성
5개월전 수정

w3.css

소개

W3.CSS는 더 작고, 더 빠르고, 사용하기 쉽다.

W3.CSS는 현대적이고 반응성이 뛰어난 모바일 우선 CSS 프레임워크다.

W3.CSS는 모든 브라우저에 동등성을 제공한다: Chrome. Firefox. Edge. IE. Safari. Opera.

W3.CSS는 모든 장치에 동등성을 제공한다: Desktop. Laptop. Tablet. Mobile.

W3.CSS는 표준 CSS 전용이다(jQuery 또는 JavaScript 라이브러리 없음).

예제
<div class="w3-container w3-teal">
  <h1>My Header</h1>
</div>

<img src="img_car.jpg" alt="Car">

<div class="w3-container">
  <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p>
</div>

<div class="w3-container w3-teal">
  <p>My Footer</p>
</div>
기본 예시

My Header

Car

A car is a wheeled, self-powered motor vehicle used for transportation.

My Footer

W3.CSS는 무료다.

W3.CSS는 무료로 사용할 수 있다.
라이센스가 필요하지 않다.

사용 방법

첫번째

웹 사이트에서 W3.CSS를 사용하려면 웹 페이지에서 “w3.css”에 대한 링크를 추가하기만 하면 된다.

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
두번째

w3css_downloads 에서 w3.css를 다운로드 하고 w3.css에 대한 링크를 추가 하면 된다.

<link rel="stylesheet" href="w3.css">
참고
Mingg`s Diary
밍구
공부 목적 블로그