Submit Search
Upload
CSS - Style your site
•
3 likes
•
1,369 views
Ramses Cabello
Follow
Brief keynote explaining CSS use and syntax.
Read less
Read more
Design
Technology
Education
Report
Share
Report
Share
1 of 34
Download now
Download to read offline
Recommended
Lebua foods of thailand-revisedv4
Lebua foods of thailand-revisedv4
lebua Hotels & Resorts
P1
P1
Heytor de Souza
Design Thinking - Overview - 05 August 2014
Design Thinking - Overview - 05 August 2014
Ian H Smith
3Com 655-0246-01
3Com 655-0246-01
savomir
Scotland
Scotland
Paulo Vaz Pato
Seis cosas que quizás no sabías de Halloween
Seis cosas que quizás no sabías de Halloween
JPEDRAZA12
United liberation movement for west papua
United liberation movement for west papua
Isco Alarcon
Doubling your sales teams productivity and active selling time
Doubling your sales teams productivity and active selling time
Heinz Marketing Inc
Recommended
Lebua foods of thailand-revisedv4
Lebua foods of thailand-revisedv4
lebua Hotels & Resorts
P1
P1
Heytor de Souza
Design Thinking - Overview - 05 August 2014
Design Thinking - Overview - 05 August 2014
Ian H Smith
3Com 655-0246-01
3Com 655-0246-01
savomir
Scotland
Scotland
Paulo Vaz Pato
Seis cosas que quizás no sabías de Halloween
Seis cosas que quizás no sabías de Halloween
JPEDRAZA12
United liberation movement for west papua
United liberation movement for west papua
Isco Alarcon
Doubling your sales teams productivity and active selling time
Doubling your sales teams productivity and active selling time
Heinz Marketing Inc
Social Media: Strategies That Fell Short
Social Media: Strategies That Fell Short
Barbara Nixon
How to reduce professional liability associated with patient portals
How to reduce professional liability associated with patient portals
mosmedicalreview
Social Media Strategies (July 2011) at Seattle's School of Visual Concepts
Social Media Strategies (July 2011) at Seattle's School of Visual Concepts
social3i
INTRODUCCIÓN A LA COMPUTACIÓN
INTRODUCCIÓN A LA COMPUTACIÓN
Octavio Arias
Sample
Sample
Nishant 12 Rayan
Taller4 diagnóstico de necesidades y borrador del adiestramiento (1)
Taller4 diagnóstico de necesidades y borrador del adiestramiento (1)
Isamalia Muniz
Audiens Shop
Audiens Shop
Audiens Shop
APP101_HARDY_week3_assignment
APP101_HARDY_week3_assignment
Natasha Hardy
Análisis de la pedagogía invertida como tendencia de aprendizaje
Análisis de la pedagogía invertida como tendencia de aprendizaje
Rojas Uni Yenny
NIRC_ICSI
NIRC_ICSI
New Corporate Laws Treatise(NCLT)
Konsep asuhan keperawatan Leukemia
Konsep asuhan keperawatan Leukemia
Verar Oka
FORCH. EL MODELO PARA EL CAMBIO AVANZADO
FORCH. EL MODELO PARA EL CAMBIO AVANZADO
Dr.Jose A Santos. +4500 contactos
Ict 8 css
Ict 8 css
Christian Reglos
OOP CSS Presenation
OOP CSS Presenation
RobotDeathSquad
Introduction to HTML
Introduction to HTML
Abzetdin Adamov
CSS: How To Learn Easily
CSS: How To Learn Easily
shabab shihan
Intro to HTML and CSS - Class 2 Slides
Intro to HTML and CSS - Class 2 Slides
Heather Rock
Hardcore CSS
Hardcore CSS
PDX Web & Design
Cascading Style Sheet
Cascading Style Sheet
Meenakshi Paul
waxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.ppt
waxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.ppt
Ismaciil2
css1.ppt
css1.ppt
BalasundaramSr
Css Introduction
Css Introduction
SathyaseelanK1
More Related Content
Viewers also liked
Social Media: Strategies That Fell Short
Social Media: Strategies That Fell Short
Barbara Nixon
How to reduce professional liability associated with patient portals
How to reduce professional liability associated with patient portals
mosmedicalreview
Social Media Strategies (July 2011) at Seattle's School of Visual Concepts
Social Media Strategies (July 2011) at Seattle's School of Visual Concepts
social3i
INTRODUCCIÓN A LA COMPUTACIÓN
INTRODUCCIÓN A LA COMPUTACIÓN
Octavio Arias
Sample
Sample
Nishant 12 Rayan
Taller4 diagnóstico de necesidades y borrador del adiestramiento (1)
Taller4 diagnóstico de necesidades y borrador del adiestramiento (1)
Isamalia Muniz
Audiens Shop
Audiens Shop
Audiens Shop
APP101_HARDY_week3_assignment
APP101_HARDY_week3_assignment
Natasha Hardy
Análisis de la pedagogía invertida como tendencia de aprendizaje
Análisis de la pedagogía invertida como tendencia de aprendizaje
Rojas Uni Yenny
NIRC_ICSI
NIRC_ICSI
New Corporate Laws Treatise(NCLT)
Konsep asuhan keperawatan Leukemia
Konsep asuhan keperawatan Leukemia
Verar Oka
FORCH. EL MODELO PARA EL CAMBIO AVANZADO
FORCH. EL MODELO PARA EL CAMBIO AVANZADO
Dr.Jose A Santos. +4500 contactos
Viewers also liked
(12)
Social Media: Strategies That Fell Short
Social Media: Strategies That Fell Short
How to reduce professional liability associated with patient portals
How to reduce professional liability associated with patient portals
Social Media Strategies (July 2011) at Seattle's School of Visual Concepts
Social Media Strategies (July 2011) at Seattle's School of Visual Concepts
INTRODUCCIÓN A LA COMPUTACIÓN
INTRODUCCIÓN A LA COMPUTACIÓN
Sample
Sample
Taller4 diagnóstico de necesidades y borrador del adiestramiento (1)
Taller4 diagnóstico de necesidades y borrador del adiestramiento (1)
Audiens Shop
Audiens Shop
APP101_HARDY_week3_assignment
APP101_HARDY_week3_assignment
Análisis de la pedagogía invertida como tendencia de aprendizaje
Análisis de la pedagogía invertida como tendencia de aprendizaje
NIRC_ICSI
NIRC_ICSI
Konsep asuhan keperawatan Leukemia
Konsep asuhan keperawatan Leukemia
FORCH. EL MODELO PARA EL CAMBIO AVANZADO
FORCH. EL MODELO PARA EL CAMBIO AVANZADO
Similar to CSS - Style your site
Ict 8 css
Ict 8 css
Christian Reglos
OOP CSS Presenation
OOP CSS Presenation
RobotDeathSquad
Introduction to HTML
Introduction to HTML
Abzetdin Adamov
CSS: How To Learn Easily
CSS: How To Learn Easily
shabab shihan
Intro to HTML and CSS - Class 2 Slides
Intro to HTML and CSS - Class 2 Slides
Heather Rock
Hardcore CSS
Hardcore CSS
PDX Web & Design
Cascading Style Sheet
Cascading Style Sheet
Meenakshi Paul
waxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.ppt
waxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.ppt
Ismaciil2
css1.ppt
css1.ppt
BalasundaramSr
Css Introduction
Css Introduction
SathyaseelanK1
Session 3
Session 3
Lại Đức Chung
Concept of CSS part 2
Concept of CSS part 2
SURBHI SAROHA
Unit 2-CSS & Bootstrap.ppt
Unit 2-CSS & Bootstrap.ppt
TusharTikia
CSS
CSS
People Strategists
Web Typography
Web Typography
Shawn Calvert
Journey To The Front End World - Part2 - The Cosmetic
Journey To The Front End World - Part2 - The Cosmetic
Irfan Maulana
CSS-part-1.ppt
CSS-part-1.ppt
AshwaniKumarYadav19
Web topic 15 1 basic css layout
Web topic 15 1 basic css layout
CK Yang
Intro to css
Intro to css
Rajashekarkorva
css-handbook
css-handbook
RaviKumar76265
Similar to CSS - Style your site
(20)
Ict 8 css
Ict 8 css
OOP CSS Presenation
OOP CSS Presenation
Introduction to HTML
Introduction to HTML
CSS: How To Learn Easily
CSS: How To Learn Easily
Intro to HTML and CSS - Class 2 Slides
Intro to HTML and CSS - Class 2 Slides
Hardcore CSS
Hardcore CSS
Cascading Style Sheet
Cascading Style Sheet
waxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.ppt
waxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.ppt
css1.ppt
css1.ppt
Css Introduction
Css Introduction
Session 3
Session 3
Concept of CSS part 2
Concept of CSS part 2
Unit 2-CSS & Bootstrap.ppt
Unit 2-CSS & Bootstrap.ppt
CSS
CSS
Web Typography
Web Typography
Journey To The Front End World - Part2 - The Cosmetic
Journey To The Front End World - Part2 - The Cosmetic
CSS-part-1.ppt
CSS-part-1.ppt
Web topic 15 1 basic css layout
Web topic 15 1 basic css layout
Intro to css
Intro to css
css-handbook
css-handbook
More from Ramses Cabello
Accessibility First
Accessibility First
Ramses Cabello
Adobe Illustrator – Minimal introduction
Adobe Illustrator – Minimal introduction
Ramses Cabello
Till Altmann - Industrial Designer in Unisto (Switzerland)
Till Altmann - Industrial Designer in Unisto (Switzerland)
Ramses Cabello
HTML+CSS Resources
HTML+CSS Resources
Ramses Cabello
Meet the grids - Web design using Grids
Meet the grids - Web design using Grids
Ramses Cabello
Introduction to HTML5+CSS
Introduction to HTML5+CSS
Ramses Cabello
More from Ramses Cabello
(6)
Accessibility First
Accessibility First
Adobe Illustrator – Minimal introduction
Adobe Illustrator – Minimal introduction
Till Altmann - Industrial Designer in Unisto (Switzerland)
Till Altmann - Industrial Designer in Unisto (Switzerland)
HTML+CSS Resources
HTML+CSS Resources
Meet the grids - Web design using Grids
Meet the grids - Web design using Grids
Introduction to HTML5+CSS
Introduction to HTML5+CSS
Recently uploaded
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Call Girls in Nagpur High Profile
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
AmirYakdi
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
jeswinjees
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
anilsa9823
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
kojalkojal131
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
Charles Obaleagbon
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
modelanjalisharma4
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Call Girls in Nagpur High Profile
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Call Girls in Nagpur High Profile
Delhi Call Girls Paharganj 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
Delhi Call Girls Paharganj 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
shivangimorya083
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Call Girls in Nagpur High Profile
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
home
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptx
VanshNarang19
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Delhi Call girls
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Pooja Nehwal
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
BarusRa
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
TusharBahuguna2
Recently uploaded
(20)
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Delhi Call Girls Paharganj 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
Delhi Call Girls Paharganj 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptx
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
CSS - Style your site
1.
CSS Styling your site ramses.cabello@gmail.com
@ramsescabello
2.
CSS helps HTML
looking a lot more beautiful.
3.
each element in
the HTML body has a reference. CSS uses that reference to give attributes to it.
4.
give everything a
name. and THINK carefully about it.
5.
there’s 3 main
kind of references. elements (body, ...)
6.
there’s 3 main
kind of references. elements (body, ...) classes (p, div, ul ...)
7.
there’s 3 main
kind of references. elements bodyv classes .name identity #name
8.
let’s see an
example.
9.
class=”black” .black .black .black
10.
class=”black” id=”roundcorners” .black .black #roundcorners .black
11.
let’s see an
example.
12.
we have a
box called: example
13.
example is 650px
wide
14.
example is 325px
tall
15.
example is black
16.
example is at
the bottom
17.
example has no
border
18.
example has rounded corners
of 50px
19.
example is not
visible.
20.
CSS gives visual
attributes. background color border position font-face shadow gradient width
21.
CSS gives visual
attributes. CSS declares behaviours.
22.
CSS gives visual
attributes. CSS declares behaviours.
23.
CSS gives visual
attributes. CSS declares behaviours.
24.
summing up CSS gives
style. CSS calls elements from the body you decide the name of the elements element > classes > id Feel free to play with the CSS.
25.
css syntax reference { attribute:
value; }
26.
css syntax body { background-color:
#000000; }
27.
css syntax .cita { background-color:
#FFFFFF; color: #000000; border-left: 3px solid #555555; } <p class=”cita”> “Keep it simple” - Anonymous </p>
28.
css syntax “Keep it
simple” - Anonymous
29.
css syntax #nueva { background-color:
#29ABE2; border-left: #2E3192; } <p class=”cita” id=”nueva”> “Keep it simple” - Anonymous </p>
30.
“Keep it simple”
- Anonymous css syntax
31.
online resources http://css3generator.com/
32.
online resources http://www.w3schools.com/css/
33.
online resources http://realworldcss3.com/resources/
34.
#ProdGrafULPGC
Download now