Ultimele tutoriale de dezvoltare web
 

W3.CSS introducere


W3.CSS Culori

Cele W3 culori clase sunt inspirate de culorile moderne folosite in marketing, indicatoarele rutiere și note lipicioase:

roșu

Verde

Albastru

Negru

Roz

Turcoaz

Indigo

Maro

Portocale

Cyan

Violet

Gri

Galben

Lămâie verde

Kaki

Gri deschis


Panouri W3.CSS, note și Citate

W3-container clasa poate afișa toate tipurile de note și citate:

Londra este capitala Angliei. Acesta este cel mai populat oraș din Regatul Unit, cu o zonă metropolitană de peste 13 milioane de locuitori.


Londra este capitala Angliei. Acesta este cel mai populat oraș din Regatul Unit, cu o zonă metropolitană de peste 13 milioane de locuitori.


Londra este capitala Angliei. Acesta este cel mai populat oraș din Regatul Unit, cu o zonă metropolitană de peste 13 milioane de locuitori.


Londra este capitala Angliei. Acesta este cel mai populat oraș din Regatul Unit, cu o zonă metropolitană de peste 13 milioane de locuitori.


„Face cât mai simplu posibil, dar nu mai simple.“

Albert Einstein


W3.CSS Cap și Footers

W3-container clasa oferă , de asemenea , soluții pentru toate tipurile de antete și note de subsol:

Antet


subsol meu

Informații de subsol merge aici


W3.CSS Alerte

W3-container clasa poate fi , de asemenea , utilizat pentru toate tipurile de alerte:

×

Pericol!

Roșu indică adesea o acțiune periculoasă sau potențial negativ.

×

Avertizare!

Galben și portocaliu de multe ori indică un avertisment care ar putea avea nevoie de atenție.

×

Succes!

Verde indică adesea o acțiune de succes sau pozitiv.

×

Info!

Albastră indică adesea o schimbare informativă neutră sau o acțiune.


Carduri W3.CSS

Cele W3-card de clase sunt suitible pentru ambele imagini și note:

Mașină

W3-card-2

Mașină

W3-card-4

Mașină

W3-card-8

Antet

O mașină este un vehicul cu roți, auto-alimentat cu motor utilizat pentru transport. Cele mai multe definiții ale termenului specifică faptul că mașinile sunt proiectate pentru a rula în primul rând pe drumuri, pentru a fi locuri pentru unul până la opt persoane, și să aibă în mod normal patru roți.

(Wikipedia)


tabelele W3.CSS

Cele W3-masă clase se pot ocupa de toate tipurile de tabele:

Nume Numele de familie puncte
Jill fierar 50
ajun Jackson 94
Adam Johnson 67
Anja plictiseală 100

Liste W3.CSS

W3-ul clasei poate manipula toate tipurile de liste:

  • × Mike
    Web designer
  • × Jill
    A sustine
  • × Jane
    Contabil
  • × Jack
    Consilier

Butoane W3.CSS

BTN-W3 clasa ofera butoane de toate dimensiunile și tipurile.

cu

Cele plutitoare BTN-W3- butoane sunt circulare și a însemnat pentru funcții importante.

+ + +


W3.CSS Tag-uri și insigne

Cele W3-tag și W3-insignă clasele sunt capabile să afișeze toate tipurile de etichete, insigne si semne:

2 8 A B

Nou Avertizare Pericol Info

Falcon Ridge Parkway

S
A
L
E

NU FACE
A RESPIRA
SUB APĂ

W3.CSS receptivă

Cele mai sensibile grila claselor oferă capacitatea de reacție pentru toate tipurile de dispozitive: PC, laptop, tabletă și mobil.

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

50px

odihnă

1/4

odihnă

100px

45px

odihnă

W3.CSS sprijină , de asemenea , o 12 coloană mobilă primă grilă fluid cu mici, medii și mari clase.


W3.CSS modals

-W3 modal clasa oferă dialog modal în HTML:

×

Antet

Text. Text. Text.

Text. Text. Text.

Subsol



Modal Imagine:

Natură getElementById ( 'img01') .style.display = 'block'“style = "width: 22%; cursor: pointer">
×
Natură

Baruri W3.CSS Progress

W3-ProgressBar clasa creează bare de progres:

25%

50%



W3.CSS dROPDOWNS

Cele W3-derulante clase oferă dropdowns:

cu

W3.CSS Acordeoane

W3-acordeon clasa oferă acordeoane:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do TEMPOR eiusmod ut incididunt Labore et dolore magna aliqua. Ut enim anunț veniam minim, Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Acordeon cu imagini:

Trolltunga, Norvegia


W3.CSS Tabs

Tab - uri sunt perfecte pentru aplicații ale paginilor web unice, sau pentru pagini web capabile să afișeze diferite discipline.

Londra

Londra este capitala Angliei.

Acesta este cel mai populat oraș din Regatul Unit, cu o zonă metropolitană de peste 13 milioane de locuitori.

Paris

Paris este capitala Frantei.

Zona din Paris este una dintre cele mai mari centre de populație din Europa, cu mai mult de 12 milioane de locuitori.

Tokyo

Tokyo este capitala Japoniei.

Acesta este centrul Tokyo zona Greater, și zona metropolitană cel mai populat din lume.



Galerie de imagini cu tab-uri:

Natură
Fiordurile
Munţi
Lumini

Natură ×
Natură
Fiordurile ×
Fiordurile
Munţi ×
Munţi
Lumini ×
Auroră boreală

W3.CSS de navigare

W3-navbar clasa creează o bară de navigare:




W3-sidenav clasa creează o navigare laterală:


W3.CSS paginare

W3-paginare clasa oferă o modalitate simplă de navigare pagină:




Diapozitivele

W3.CSS oferă slideshow - uri pentru bicicleta prin imagini sau alt conținut:

: 1/3
Natură frumoasă
De 2/3
Trolltunga, Norvegia
3/3
Munţi

W3.CSS Animații

Cele W3-însuflețite clase oferă o modalitate ușoară de a aluneca și se estompeze în elemente:


Animație este distractiv!
Animație este distractiv!
Animație este distractiv!
Animație este distractiv!
Animație este distractiv!
Animație este distractiv!
Animație este distractiv!

Imagini W3.CSS

Styling imagini în W3CSS este ușor:

Auroră boreală
pădure
Munţi
Natură
Natură

Formulare de intrare W3.CSS

Cele W3-input clase sunt pentru forme de intrare:



Forma de intrare


Forma de intrare


cu


W3.CSS Fonturi

Cu W3.CSS este extrem de ușor de a adăuga fonturi la o pagină web:

Efectuarea web frumos!
Efectuarea web!

W3.CSS Bule

W3-tooltip clasa poate afișa toate tipurile de ponturile:

Treceți cursorul peste acest text! conţinutul tooltip

Treceți cursorul peste acest text! conţinutul tooltip

Treceți cursorul peste acest text! conţinutul tooltip

Mașină

O mașină este un vehicul cu roți, auto-alimentat cu motor utilizat pentru transport. Cele mai multe definiții ale termenului specifică faptul că mașinile sunt proiectate pentru a rula în primul rând pe drumuri.


Teme de culori pentru mobil

Predefinite temele de culori sunt special potrivite pentru aplicații web mobile.

tema Indigo

Filme 2014

  • Îngheţat

    Răspunsul la animațiile ridicol

  • Deranjament stelele noastre

    Touching, prindere și cu adevărat bine făcut

  • Răzbunătorii

    Un mare succes pentru Marvel și Disney

«»

tema Turcoaz

Filme 2014

  • Îngheţat

    Răspunsul la animațiile ridicol

  • Deranjament stelele noastre

    Touching, prindere și cu adevărat bine făcut

  • Răzbunătorii

    Un mare succes pentru Marvel și Disney

«»