Submit Search
Upload
Lesson 03
•
0 likes
•
247 views
Gene Babon
Follow
Technology
Education
Slideshow view
Report
Share
Slideshow view
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
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Malak Abu Hammad
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Enterprise Knowledge
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
Ridwan Fadjar
Slack Application Development 101 Slides
Slack Application Development 101 Slides
praypatel2
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
Pixlogix Infotech
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
Scott Keck-Warren
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
OnBoard
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
HostedbyConfluent
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Paola De la Torre
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
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
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
Slack Application Development 101 Slides
Slack Application Development 101 Slides
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
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