W3.CSS Containers
recipient de bază
Container cu culoare
antet container
container subsol
Articolul containere și secțiunea
note de containere
panouri de containere
citate de containere
Container cu <div> elemente
Container cu elemente semantice
padding container
Container cu anteturi și paragrafe
sectionare container
Ascunderea / recipiente de închidere
Afișați / recipiente deschise
W3.CSS Borders
Frontiere
Afiseaza note
Afiseaza panouri
Afiseaza citate
Afișarea frontierelor hoverable
Afiseaza codul HTML
Afiseaza de cod CSS
Afiseaza de cod JavaScript
W3.CSS Utilities / Helpers
Padding pe toate laturile
padding orizontală
padding verticală
Marja de utilități
Dimensionarea utilități
rotunjirea utilități
utilități Circle
Centrul de utilități
plutitoare utilități
Arată / ascunde utilități
W3.CSS Buttons
Butoane de bază
culori Button
culorile Hover
forme Button
dimensiuni Button
frontiere Button
Butoane cu efecte de text
Butoane cu efecte de umbră
Butoane cu efecte de text subțire și larg
Butoane Lățime completă
butoane cu handicap
Grupuri Button
Butoane cu efecte de unda
Butoanele flotante (circular)
Butoane mari plutitoare
W3.CSS Cards
Carduri de bază
Carduri colorate
Carduri foto
conţinutul de card
Carduri Hoverable
Avatar card cu butoane
Avatar card cu buton full-lățime
W3.CSS Alerts
alerte de bază
alerte ce pot fi închise
alerte cilindrat
carduri de alertă
W3.CSS Tables
tabelul de bază
Masa Învecinați (horizontal dividers)
Tabel Striped
Tabel cu dungi marginita
Granițele din jurul mesei
Răsturnarea dungile
Tabelul cu o poziție de culoare
culori de masă
Tabel Hoverable (grey color)
O anumită culoare pentru tabelul hoverable
carte de masă
Tabel receptivă
Tiny tabelul
masuta
masă mare
Tabel XLARGE
Tabel XXLarge
Tabel XXXLarge
tabelul Jumbo
W3.CSS Lists
lista de bază
lista marginita
Cap de listă
Listă de card
lista Centrat
lista colorată
Colorat element listă
Lista Hoverable (grey color) de (grey color)
O anumită culoare pentru lista hoverable
lista poate fi închisă
lista căptușită
avatar lista
lista Tiny
lista mică
lista de mare
lista XLARGE
lista XXLarge
lista XXXLarge
lista Jumbo
W3.CSS Images
imagine rotunjit
imagine încercuite
imagine marginita
imagine Hoverable
carte de imagine
Text Imagine
Album foto
W3.CSS Inputs
etichete de top
etichete de fund
Carduri de intrare
etichete verzi
Validarea intrărilor de etichete
etichete colorate
intrări marginita
margini rotungite
intrare fără margini
intrări colorate
intrări Hoverable
intrări animate
Casetele de selectare
butoane radio
Selectați meniul
Selectați Meniu marginita
Elemente de formular într - o grilă cu trei coloane
Dispunere pe două coloane cu etichete
W3.CSS Badges
insignele
Etichete
Listă cu insigne
tag - uri mari
insigne mari
Afișarea litere ca etichete
W3.CSS Signs
Tag ca un semn
Tag - uri într - un rând
Indicatoare rutiere
semne mari
Semne mari 2
Semne rotunjite mari
Afișarea unui steag
W3.CSS Responsive
W3 jumătate clasa
W3- a treia clasă A
Clasa-W3 twothird
W3 trimestru clasa
Clasa W3-threequarter
Rânduri nested (w3-half inside w3-half) din (w3-half inside w3-half)
Coloanele folosind W3-repaus
Coloanele folosind procente
Clasa-W3 conținut
Diferența dintre w3-rând și W3-rând-padding
W3.CSS Animate
animație Top
animație fund
animație stânga
animație dreapta
fading animație
Fading animație infinit
animație Zoom
animație Spin
Fade toate
W3.CSS Dropdowns
Meniul drop - down Hoverable
drop - down Hoverable
Dropdown în navbar
Meniul drop - down clickable
drop - down Image
drop - down Card
Animate drop - down
W3.CSS Accordions
acordeon de bază
butoane Acordeon
acordeon activă
lăţime Acordeon
Link - uri Acordeon
Carte de Acordeon cu liste
Acordeon și verticală în sidenav
Animate acordeon
W3.CSS Navigation
Navigarea de bază (w3-navbar)
navbar colorat
navbar marginita
Legătură activă în navbar
Link - uri navbar Hoverable
Link - uri-aliniate pe dreapta
Navbar font-size
navbar padding
lăţime navbar
iconițe navbar
Navbar cu drop - down
Navbar cu dropdown activ și pictograma
Navbar cu drop - down clickable
navbar Sus
navbar de fund
navbar pliabilă
Topnav
Topnav cu pictograme
W3.CSS Sidenav
Sidenav de bază (always displayed)
sidenav pliabilă
Sidenav ascunde o parte din conținutul paginii
Sidenav ascunde întregul conținut al paginii
Sidenav decala conținutul spre dreapta
culoare Sidenav
sidenav marginita
Bottom sidenav bordură (dividers)
carte de Sidenav
Link - uri sidenav Hoverable (background color) de (background color)
Link - uri sidenav Hoverable (text color)
dimensiune Sidenav
Sidenav cu pictograme (icon bar)
Sidenav cu drop - down
Sidenav cu acordeon
sidenav Animate
Sidenav cu efect de suprapunere
Sidenav cu conținut
W3.CSS Tabs
Elementar
Fila active / curent
fila verticală
Fila conținut animat
Tabbed galerie de imagini
Tabs într - o grilă
W3.CSS Pagination
paginare de bază
săgeți paginare
Legătură paginare activă
Culoare paginare Hover
dimensiune paginare
paginare marginita
Paginare bordură Rotunjit
paginare Centrat
Săgețile înainte / înapoi paginare
meniul paginare
W3.CSS Progress Bars
Bară de bază progres
Progress bar Dimensiuni
Culori bara de progres
Bare de progres cilindrat
Progress bar etichete
Bară dinamică progres
Bara de progres dinamic cu eticheta centrata
Bara de progres dinamic cu eticheta aliniat stânga-
Bara de progres dinamic cu eticheta plasat în afara
W3.CSS Typography
rubricile
Clase de font-size
Standarde w3.css prioritari
W3.CSS Fonts
Cum să utilizați o clasă de fonturi
Cum să utilizați fonturi externe
Google font extern: homar
efecte de fonturi
Efecte de fonturi 2
Schimbarea paginii fontului
W3.CSS Icons
Iconițe minunat Font
Icoane material design Google
iconițe bootstrap
W3.CSS Slideshow
Manual de prezentare cu imagini
Prezentarea automată cu imagini
Slide - uri automate HTML
legende prezentare
Indicatorii Prezentare de diapozitive cu numere și butoane prev / next
Indicatorii Prezentare de diapozitive cu pictograme și gloanțe
Imagini ca indicatori
slide - uri animate
Prezentarea automată cu fading infinit
W3.CSS Text Effects
W3.CSS Modal
Modal de bază (dialog box/popup window) de (dialog box/popup window) - (dialog box/popup window)
Modal cu containere
carte de Modal
Animate modal
Fade în modal
imagine Modal
Modal galerie de imagini
Formular de autentificare Modal
fila Modal
Cum de a închide modal
W3.CSS Tooltips
Text tooltip Inline
Tag - ul tooltip Inline
Textul tooltip înainte de o imagine hoverable
După o tooltip text imagine hoverable
tooltip absolută
tooltip colorat
tooltip rotunjit
tooltip mici
tooltip mare
W3.CSS Responsive Grid
Demonstrație grilă Fluid
Două coloane egale
Două coloane inegale
Trei coloane egale
Trei coloane inegale
Șase coloane egale
Mixt: Laptop - uri mobile și
Mixte: mobile, tablete și laptop - uri
Diferența dintre w3-rând și W3-rând-padding
Coloanele folosind W3-repaus
Coloanele folosind procente