Submit Search
Upload
Lesson 03
•
0 likes
•
247 views
Gene Babon
Follow
Technology
Education
Report
Share
Report
Share
1 of 11
Download now
Download to read offline
Recommended
HTML Lesson 5
HTML Lesson 5
Danny Ambrosio
Lesson 1
Lesson 1
Slides4Victor
Ifi7174 lesson3
Ifi7174 lesson3
Sónia
Ifi7184 lesson3
Ifi7184 lesson3
Sónia
IFI7184.DT lesson1- Programming languages
IFI7184.DT lesson1- Programming languages
Sónia
A design space for Trust-enabling Interaction Design
A design space for Trust-enabling Interaction Design
Sónia
Html tutorial.lesson5
Html tutorial.lesson5
grassos
Lesson 07
Lesson 07
Gene Babon
Recommended
HTML Lesson 5
HTML Lesson 5
Danny Ambrosio
Lesson 1
Lesson 1
Slides4Victor
Ifi7174 lesson3
Ifi7174 lesson3
Sónia
Ifi7184 lesson3
Ifi7184 lesson3
Sónia
IFI7184.DT lesson1- Programming languages
IFI7184.DT lesson1- Programming languages
Sónia
A design space for Trust-enabling Interaction Design
A design space for Trust-enabling Interaction Design
Sónia
Html tutorial.lesson5
Html tutorial.lesson5
grassos
Lesson 07
Lesson 07
Gene Babon
How To SASS - af morningtrain.dk
How To SASS - af morningtrain.dk
Morning Train
Trust workshop
Trust workshop
Sónia
A key contribution for leveraging trustful interactions
A key contribution for leveraging trustful interactions
Sónia
Lesson 15
Lesson 15
Gene Babon
Workshop 1 - User eXperience evaluation
Workshop 1 - User eXperience evaluation
Sónia
Lesson 04
Lesson 04
Gene Babon
Ifi7174 lesson4
Ifi7174 lesson4
Sónia
Lesson 16
Lesson 16
Gene Babon
Lesson 03
Lesson 03
Gene Babon
Lesson 12
Lesson 12
Gene Babon
Human Centered Computing (introduction)
Human Centered Computing (introduction)
Sónia
Developing Interactive systems - lesson 2
Developing Interactive systems - lesson 2
Sónia
Ifi7174 lesson2
Ifi7174 lesson2
Sónia
Ifi7184.DT lesson 2
Ifi7184.DT lesson 2
Sónia
Sonia Sousa
Sonia Sousa
Sónia
Lesson 10
Lesson 10
Gene Babon
Lesson 17
Lesson 17
Gene Babon
Lesson 02
Lesson 02
Gene Babon
Bootstrap tutorial
Bootstrap tutorial
Kuldeep Singh
Ifi7174 lesson1
Ifi7174 lesson1
Sónia
Job Search | Tropical Depressions | Bowling Alleys
Job Search | Tropical Depressions | Bowling Alleys
Gene Babon
Tech Over Fifty Launch Meeting
Tech Over Fifty Launch Meeting
Gene Babon
More Related Content
Viewers also liked
How To SASS - af morningtrain.dk
How To SASS - af morningtrain.dk
Morning Train
Trust workshop
Trust workshop
Sónia
A key contribution for leveraging trustful interactions
A key contribution for leveraging trustful interactions
Sónia
Lesson 15
Lesson 15
Gene Babon
Workshop 1 - User eXperience evaluation
Workshop 1 - User eXperience evaluation
Sónia
Lesson 04
Lesson 04
Gene Babon
Ifi7174 lesson4
Ifi7174 lesson4
Sónia
Lesson 16
Lesson 16
Gene Babon
Lesson 03
Lesson 03
Gene Babon
Lesson 12
Lesson 12
Gene Babon
Human Centered Computing (introduction)
Human Centered Computing (introduction)
Sónia
Developing Interactive systems - lesson 2
Developing Interactive systems - lesson 2
Sónia
Ifi7174 lesson2
Ifi7174 lesson2
Sónia
Ifi7184.DT lesson 2
Ifi7184.DT lesson 2
Sónia
Sonia Sousa
Sonia Sousa
Sónia
Lesson 10
Lesson 10
Gene Babon
Lesson 17
Lesson 17
Gene Babon
Lesson 02
Lesson 02
Gene Babon
Bootstrap tutorial
Bootstrap tutorial
Kuldeep Singh
Ifi7174 lesson1
Ifi7174 lesson1
Sónia
Viewers also liked
(20)
How To SASS - af morningtrain.dk
How To SASS - af morningtrain.dk
Trust workshop
Trust workshop
A key contribution for leveraging trustful interactions
A key contribution for leveraging trustful interactions
Lesson 15
Lesson 15
Workshop 1 - User eXperience evaluation
Workshop 1 - User eXperience evaluation
Lesson 04
Lesson 04
Ifi7174 lesson4
Ifi7174 lesson4
Lesson 16
Lesson 16
Lesson 03
Lesson 03
Lesson 12
Lesson 12
Human Centered Computing (introduction)
Human Centered Computing (introduction)
Developing Interactive systems - lesson 2
Developing Interactive systems - lesson 2
Ifi7174 lesson2
Ifi7174 lesson2
Ifi7184.DT lesson 2
Ifi7184.DT lesson 2
Sonia Sousa
Sonia Sousa
Lesson 10
Lesson 10
Lesson 17
Lesson 17
Lesson 02
Lesson 02
Bootstrap tutorial
Bootstrap tutorial
Ifi7174 lesson1
Ifi7174 lesson1
More from Gene Babon
Job Search | Tropical Depressions | Bowling Alleys
Job Search | Tropical Depressions | Bowling Alleys
Gene Babon
Tech Over Fifty Launch Meeting
Tech Over Fifty Launch Meeting
Gene Babon
Anatomy Virtual Self Study Group NEPHP 2018
Anatomy Virtual Self Study Group NEPHP 2018
Gene Babon
Become a Front End Web Developer
Become a Front End Web Developer
Gene Babon
Navigating a Career in Web Technology
Navigating a Career in Web Technology
Gene Babon
Info Session
Info Session
Gene Babon
Info session
Info session
Gene Babon
Getting Things Done
Getting Things Done
Gene Babon
jQuery Mobile Hour 4
jQuery Mobile Hour 4
Gene Babon
Lesson 18
Lesson 18
Gene Babon
Lesson 17
Lesson 17
Gene Babon
Lesson 11
Lesson 11
Gene Babon
Lesson 09
Lesson 09
Gene Babon
Lesson 05
Lesson 05
Gene Babon
Lesson 04
Lesson 04
Gene Babon
Lesson 01
Lesson 01
Gene Babon
Lesson 18
Lesson 18
Gene Babon
Lesson 17
Lesson 17
Gene Babon
Lesson 16
Lesson 16
Gene Babon
Lesson 15
Lesson 15
Gene Babon
More from Gene Babon
(20)
Job Search | Tropical Depressions | Bowling Alleys
Job Search | Tropical Depressions | Bowling Alleys
Tech Over Fifty Launch Meeting
Tech Over Fifty Launch Meeting
Anatomy Virtual Self Study Group NEPHP 2018
Anatomy Virtual Self Study Group NEPHP 2018
Become a Front End Web Developer
Become a Front End Web Developer
Navigating a Career in Web Technology
Navigating a Career in Web Technology
Info Session
Info Session
Info session
Info session
Getting Things Done
Getting Things Done
jQuery Mobile Hour 4
jQuery Mobile Hour 4
Lesson 18
Lesson 18
Lesson 17
Lesson 17
Lesson 11
Lesson 11
Lesson 09
Lesson 09
Lesson 05
Lesson 05
Lesson 04
Lesson 04
Lesson 01
Lesson 01
Lesson 18
Lesson 18
Lesson 17
Lesson 17
Lesson 16
Lesson 16
Lesson 15
Lesson 15
Recently uploaded
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Neo4j
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
The Digital Insurer
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
gurkirankumar98700
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Delhi Call girls
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Slack Application Development 101 Slides
Slack Application Development 101 Slides
praypatel2
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
V3cube
Recently uploaded
(20)
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Slack Application Development 101 Slides
Slack Application Development 101 Slides
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
Lesson 03
1.
Front-End Web Development Lesson 3 Advanced
CSS
2.
Agenda ● ● ● ● ● ● Review (15 minutes) HTML
Template (10 minutes) Box Model (50 minutes) Nested Selectors (20 minutes) Getting Started (10 minutes) Lab Time (60 minutes)
3.
Review Wendy G. Bite ●
index ● resume Homework
4.
HTML Template template.html reset.css >
source normalize.css > source style.css
5.
Box Model Every element
on a web page is a box. What is an element?
6.
Box Model
7.
Box Model Width =
width + padding-left + padding-right + border-left + border-right Height = height + padding-top + padding-bottom + border-top + border-bottom
8.
Nested Selectors
9.
Getting Started
10.
Lab Time
11.
Homework Complete Fashion blog
Download now