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
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
WSO2
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
sammart93
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
johnbeverley2021
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Zilliz
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
rafiqahmad00786416
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
apidays
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Zilliz
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
The Digital Insurer
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
MadyBayot
presentation ICT roal in 21st century education
presentation ICT roal in 21st century education
jfdjdjcjdnsjd
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
Elevate Developer Efficiency & build GenAI Application with Amazon Q
Elevate Developer Efficiency & build GenAI Application with Amazon Q
Bhuvaneswari Subramani
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Juan lago vázquez
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Orbitshub
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
Andrey Devyatkin
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
apidays
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Deepika Singh
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Edi Saputra
Recently uploaded
(20)
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
presentation ICT roal in 21st century education
presentation ICT roal in 21st century education
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Elevate Developer Efficiency & build GenAI Application with Amazon Q
Elevate Developer Efficiency & build GenAI Application with Amazon Q
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
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