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
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
Slack Application Development 101 Slides
Slack Application Development 101 Slides
praypatel2
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Results
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Katpro Technologies
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
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
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
The Digital Insurer
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
wesley chun
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
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
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
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
UK Journal
Recently uploaded
(20)
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Slack Application Development 101 Slides
Slack Application Development 101 Slides
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
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
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
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
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
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