Come funziona il Box Model e la proprietà Box Sizing nei nostri CSS

preview_player
Показать описание
Nel video di oggi vediamo come funziona il box model all'interno delle pagine HTML/Css che creiamo. Capire come funzionano gli ingombri di contenuto, padding, bordi e margini è fondamentale se vogliamo creare layout perfetti.

Utilizzeremo la proprietà border-box per semplificare la gestione di padding e bordi come avviene in twitter bootstrap.

-
Iscriviti al gruppo Next Level WordPress dove condividiamo risorse e Tips su WordPress:

SCARICA TUTTE LE RISORSE FREE e file creati nei Video iscriviti alla community:
-
Temi WordPress FREE

-
-
Music: Soundcloud
-
Camera - iPhone 6
-
Stay Tuned!
  1. Marchetti Design
  2. Wordpress
  3. tema
  4. css
  5. html
  6. php
Рекомендации по теме
Come funziona il 0:07:32

Come funziona il Box Model e la proprietà Box Sizing nei nostri CSS

Il Box model 0:07:48

Il Box model Cos'è e come funziona

Il box model 0:23:17

Il box model

CSS3 - #8 0:13:21

CSS3 - #8 - Che cos'è il Box Model? [Tutorial in Italiano]

TUTORIAL IMPARA CSS 0:08:57

TUTORIAL IMPARA CSS IN 1 ORA! BOX MODEL & INSPECTOR

Corso HTML e 0:16:52

Corso HTML e CSS Smart - Margini e Padding: come funziona il Box Model #5 Lezione

Corso CSS 3 0:08:28

Corso CSS 3 - Il box model

Il box model 0:13:16

Il box model - Parte 1: caratteristiche di un box

Corso di CSS 0:09:00

Corso di CSS - Tutorial 8: Box model

IL BOX MODEL 0:42:32

IL BOX MODEL CSS

Learn CSS Box 0:08:22

Learn CSS Box Model In 8 Minutes

CSS3 Tutorial Italiano 0:20:38

CSS3 Tutorial Italiano 05 - Il concetto di BOX MODEL

HTML - Il 0:04:43

HTML - Il box model nei CSS

HTML5 (tutorial ITA) 0:08:44

HTML5 (tutorial ITA) - Box Model, il Modello a Scatola in Pratica

css box model 0:08:20

css box model (parte 14)

How the CSS 0:02:13

How the CSS Box Model Works in 2 Minutes

CSS3 Intermedio - 0:04:01

CSS3 Intermedio - 2.1 - Il Box Model

HTML e CSS 0:08:44

HTML e CSS per Principianti #23 ITA Box Model (Border, Padding, Margin)

The Box Model 0:01:27

The Box Model

CSS: box model 0:27:35

CSS: box model

css box model 0:00:29

css box model

CSS: box model 0:09:48

CSS: box model

BOX MODEL IN 0:15:34

BOX MODEL IN CSS - Corso HTML/CSS #14 | Vita Da Founder

#5 | WEB 0:12:18

#5 | WEB DESIGN | box model

Комментарии
Автор

Ciao Andre, seguo i tuoi tutorial e le tue guide da un bel po. Grazie a te sto migliorando le mie skills.
Ti volevo dire che a fine video ha sbagliato dicendo che con il box sizing, il border box calcola il padding e il margine (invece dovrebbero essere padding e border) internamente alla dimensione da noi dichiarata.

giovannimiceli
Автор

Ho una domanda perché nel calcolo per trovare la larghezza adatta é stato sommato 40 alla larghezza del div

DiegoHidalgo
Автор

una domanda io non capisco se èuna scleta del programmatore usare px o % come unità di misura qualcuno sa dirmelo??

ryuzaky
Автор

Quando si utilizzano weight o height si possono sempre dare valori a piacere?

alessandrodegliangioli
Автор

Ciao all'introduzione dici: " vedremo come utilizzare la proprietà box sizing e come viene utilizzata in framework come bootstrap". Che significa in framework come bootstrap?

luigitollis
Автор

Ciao due domande: 1) Che applicazione utilizzi? Intendo quella in cui puoi vedere i vari riquadri di gin, border, padding ecc. 2) Secondo te è possibile diventare Web Designer studiando solo sul web? Dove si trovano sul web (oltre ai tuoi corsi ovviamente) corsi SERI a pagamento? Gentilmente se hai qualche consiglio ti ringrazio infinitamente. ps:attualmente sto seguendo qualche corso su Udemy ma so che non basta ovviamente e anche se c'è qualcosa di buono nei corsi so che non è un sito serio dato che offre corsi da 250 euro che poi all'improvviso costano 10 euro ecc...

samirachiko