최신 웹 개발 튜토리얼
 

W3.CSS소개


W3.CSS 색상

W3 컬러 클래스는 현대 마케팅에서 사용되는 색상, 도로 표지판, 스티커 메모에서 영감 :

빨간

녹색

푸른

검은

담홍색

물오리

남빛

갈색

주황색

시안

보라색

회색

노랑

라임

카키색 옷감

라이트 그레이


W3.CSS 패널, 메모 및 지수

W3-컨테이너 클래스는 노트와 따옴표의 모든 종류를 표시 할 수 있습니다 :

런던은 영국의 수도 도시입니다. 그것은 만 13 이상 주민의 대도시 지역으로, 영국에서 가장 인구가 많은 도시입니다.


런던은 영국의 수도 도시입니다. 그것은 만 13 이상 주민의 대도시 지역으로, 영국에서 가장 인구가 많은 도시입니다.


런던은 영국의 수도 도시입니다. 그것은 만 13 이상 주민의 대도시 지역으로, 영국에서 가장 인구가 많은 도시입니다.


런던은 영국의 수도 도시입니다. 그것은 만 13 이상 주민의 대도시 지역으로, 영국에서 가장 인구가 많은 도시입니다.


"수 있지만 단순한으로는 간단합니다."

알버트 아인슈타인


W3.CSS 머리글 및 바닥 글

W3-컨테이너 클래스는 머리글과 바닥 글의 모든 종류의 솔루션을 제공합니다 :

머리글


내 바닥 글

바닥 글 정보가 여기에 표시됩니다


W3.CSS 경고

W3-컨테이너 클래스는 모든 경보 유형에 대해 또한 사용될 수있다 :

×

위험!

빨간색은 종종 위험하거나 잠재적으로 부정적인 행동을 나타냅니다.

×

경고!

노란색과 오렌지 종종주의를해야 할 수도 있습니다 경고를 나타냅니다.

×

성공!

녹색은 종종 성공 긍정적 인 조치를 나타냅니다.

×

정보!

블루 자주 중립적 인 정보를 변경 또는 조치를 나타냅니다.


W3.CSS 카드

W3 카드 클래스는 이미지 및 메모 모두 suitible 있습니다 :

차

W3 카드-2

차

W3 카드-4

차

W3 카드-8

머리글

자동차 교통에 사용되는 휠, 자체 전원 공급 차량입니다. 용어의 대부분의 정의는, 자동차는 주로 도로에서 실행되도록 설계하도록 지정 1 ~ 8 명까지 좌석 것으로, 4 바퀴 일반적으로이 할 수 있습니다.

(위키 백과)


W3.CSS 테이블

W3 테이블 클래스는 테이블의 모든 종류를 처리 할 수 있습니다 :

이름 전철기
처녀 스미스 (50)
이브 잭슨 (94)
아담 존슨 67
안자 구경 (100)

W3.CSS 목록

W3-UL의 클래스는 목록의 모든 종류를 처리 할 수 있습니다 :

  • × 마이크
    웹 디자이너
  • × 처녀
    지원하다
  • × 여자
    회계 원
  • ×
    고문

W3.CSS 버튼

W3-btn을 클래스는 모든 크기와 종류의 버튼을 제공합니다.

버튼

W3-btn을 플로팅 버튼을 원형 중요한 기능에 대한 의미입니다.

+ + +


W3.CSS 태그 및 배지

W3 태그 및 W3-배지 클래스는 태그, 배지 및 징후의 모든 종류를 표시 할 수 있습니다 :

2 8 A B

새로운 경고 위험 정보

팔콘 릿지 파크 웨이

에스
에이
이자형

하지 마라

물에서

응답 W3.CSS

응답 그리드 클래스는 모든 장치 유형에 대한 응답 성을 제공 : PC, 노트북, 태블릿, 모바일.

1/2

1/2

1/3

1/3

1/3

1/3

2/3

1/4

1/4

1/4

1/4

1/2

1/4

1/4

2/3

1/3

1/1

1/4

1/4

1/2

1/4

1/2

1/4

50 픽셀

휴식

1/4

휴식

100 픽셀

45 픽셀

휴식

W3.CSS도 지원 (12) 열 모바일 제 1 유체 그리드 소형, 중형, 대형 클래스가 있습니다.


W3.CSS 조동사

W3 모달 클래스는 순수 HTML에서 모달 대화 상자를 제공합니다 :

×

머리글

일부 텍스트입니다. 일부 텍스트입니다. 일부 텍스트입니다.

일부 텍스트입니다. 일부 텍스트입니다. 일부 텍스트입니다.

보행인



모달 이미지 :

자연
×
자연

W3.CSS 진행 바

W3-의 ProgressBar 클래스는 진행 막대를 만듭니다

25 %

50 %



W3.CSS 드롭 다운

W3 - 드롭 다운 클래스는 드롭 다운을 제공 :


W3.CSS 아코디언

W3-아코디언 클래스는 아코디언을 제공합니다 :

가 lorem ipsum의 슬픔은, AMET 앉아 consectetur adipisicing ELIT, eiusmod incididunt 유타를 tempor 않는 나오지 labore 등 dolore 마그나 aliqua. 유타 enim 광고 미님 veniam, quis의 nostrud exercitation의 ullamco LABORIS의에 NiSi 유타 aliquip 전직 개의 commodo의 consequat.

이미지와 아코디언 :

Trolltunga, 노르웨이


W3.CSS 탭

탭은 한 페이지 웹 응용 프로그램에 대한, 또는 다른 과목을 표시 할 수있는 웹 페이지를 위해 완벽하다.

런던

런던은 영국의 수도 도시입니다.

그것은 만 13 이상 주민의 대도시 지역으로, 영국에서 가장 인구가 많은 도시입니다.

파리

파리는 프랑스의 수도입니다.

파리 영역 이상 1 천 2 백만 주민과 함께 유럽에서 가장 큰 인구 밀집 지역 중 하나입니다.

도쿄

도쿄는 일본의 수도입니다.

그것은 수도권의 중심, 세계에서 가장 인구가 많은 대도시 지역입니다.



탭 이미지 갤러리 :

자연
피 요 르 드
산
등

자연 ×
자연
피 요 르 드 ×
피 요 르 드
산 ×
등 ×
북극광

W3.CSS 탐색

W3 - 네비게이션 바의 클래스는 탐색 모음을 만듭니다




W3-sidenav의 클래스는 측면 탐색을 만듭니다


W3.CSS 매김

W3-매김 클래스는 페이지 탐색을위한 간단한 방법을 제공합니다 :




슬라이드 쇼

제공 W3.CSS 슬라이드 쇼를 이미지 또는 기타 콘텐츠를 통해 순환을 위해 :

1 / 3의
아름 다운 자연
2 / 3
Trolltunga, 노르웨이
3분의 3

W3.CSS 애니메이션

W3-애니메이션 클래스는 슬라이드 요소에 퇴색하는 쉬운 방법을 제공합니다 :


애니메이션은 재미입니다!
애니메이션은 재미입니다!
애니메이션은 재미입니다!
애니메이션은 재미입니다!
애니메이션은 재미입니다!
애니메이션은 재미입니다!
애니메이션은 재미입니다!

W3.CSS 이미지

스타일링 이미지를 W3CSS에 쉽습니다 :

북극광
숲
산
자연
자연

W3.CSS 입력 폼

W3 입력 클래스는 입력 양식에 대한 있습니다 :



입력 양식


입력 양식



W3.CSS 글꼴

W3.CSS으로 추가하는 것은 매우 쉬운 글꼴을 웹 페이지로 :

웹이 아름다운 만들기!
웹을 만들기!

W3.CSS 툴팁

W3-툴팁 클래스는 툴팁의 모든 종류를 표시 할 수 있습니다 :

이 텍스트 위에 마우스를 올려! 툴팁 내용

이 텍스트 위에 마우스를 올려! 툴팁 내용

이 텍스트 위에 마우스를 올려! 툴팁 내용

차

자동차 교통에 사용되는 휠, 자체 전원 공급 차량입니다. 용어의 대부분의 정의는 자동차가 도로에서 주로 실행되도록 설계되어 있음을 지정합니다.


모바일 색상 테마

미리 정의 된 색상 테마는 모바일 웹 애플리케이션에 특별히 적합하다.

테마 인디고

영화 2014

  • 겨울 왕국

    애니메이션에 대한 응답은 우스웠다

  • 우리의 별의 오류

    , 감동 그립과 진정으로 잘 만들어진

  • 어벤저

    마블과 디즈니에 대한 큰 성공을

«»

테마 청록

영화 2014

  • 겨울 왕국

    애니메이션에 대한 응답은 우스웠다

  • 우리의 별의 오류

    , 감동 그립과 진정으로 잘 만들어진

  • 어벤저

    마블과 디즈니에 대한 큰 성공을

«»