SlideShare uma empresa Scribd logo
1 de 25
Maurício Samy Silva
Maujor®
http://kwz.me/AZ http://kwz.me/DC http://kwz.me/WL
://kwz.me
maujor@maujor.com
CSS
Uma tecnologia em
constante evolução
Primeiro site
06/08/1991
http://info.cern.ch/hypertext/WWW/TheProject.html
1° site local
Style Sheet Language Reviewed
Robert Raisch
Robert Raisch
Proposal
@BODY co(nu = 3, wi = 80)
@P fo(fa = he, si=18)
Sintaxe RRP
@H1 ve(be = 1, af = 2)
Linx Firefox
Pei-Yuan Wei
(BODY
fontSize = normal
BGColor = white
FGColor = black
(H1
fontSize = largest
BGColor = red
FGColor = white
)
)
Sintaxe Viola
Sintaxe Viola
<LINK REL = "STYLE"
HREF = "URL_da_stylesheet">
Sintaxe Viola
Steve Heaney
SGML
Formatting Output
Specification Instance
<e-i-c gi="h1">
<charlist inherit="1">
<font size="14pt“>
</charlist>
</e-i-c>
Sintaxe FOSI
e-i-c = element in context
gi = generic identifier
SGML
Document Style Semantics
and Specification Language
DSSSL Lite
(element H1 (
make paragraph
font-size: 14pt
font-weight: 'bold’))
Sintaxe DSSSL Lite
Bert Bos
*H2.size: 1
Sintaxe Bert Bos
*H2.justify: left : -3.0
*H2.leftindent: -3.0
*H2.bold: true
Presentation
Specification Language
PSL96
Ethan Munson
DEFAULT {
lineHeight = Self.fontSize * 1.5;}
RULES {
P {
fontFamily = "times";
fontSize = 14; }
}
Sintaxe PSL96
Håkon Wium Lie
Bert Bos
CSS2.1 – junho 2011
CSS3 – junho 2011 [3m]
W3C CSS
CSS1 – dezembro 1996
CSS2 – maio 1998
:local-link
:matches()
W3C CSS level4
Working Draft
E! > F
:spelling-error
revert
appearance
Dúvidas?
<Obrigado/>

Mais conteúdo relacionado

Mais de Mauricio Maujor

Quem se importa com acessibilidade na web?
Quem se importa com acessibilidade na web?Quem se importa com acessibilidade na web?
Quem se importa com acessibilidade na web?Mauricio Maujor
 
O que o Maujor viu no Vue
O que o Maujor viu no VueO que o Maujor viu no Vue
O que o Maujor viu no VueMauricio Maujor
 
Meetup CSS #7 no CTNovatec, SP
Meetup CSS #7 no CTNovatec, SPMeetup CSS #7 no CTNovatec, SP
Meetup CSS #7 no CTNovatec, SPMauricio Maujor
 
SVG - De volta e para o futuro
SVG - De volta e para o futuroSVG - De volta e para o futuro
SVG - De volta e para o futuroMauricio Maujor
 
Regra @font-face das CSS 3
Regra @font-face das CSS 3Regra @font-face das CSS 3
Regra @font-face das CSS 3Mauricio Maujor
 

Mais de Mauricio Maujor (8)

Quem se importa com acessibilidade na web?
Quem se importa com acessibilidade na web?Quem se importa com acessibilidade na web?
Quem se importa com acessibilidade na web?
 
O que o Maujor viu no Vue
O que o Maujor viu no VueO que o Maujor viu no Vue
O que o Maujor viu no Vue
 
Papo de Dinossauro
Papo de DinossauroPapo de Dinossauro
Papo de Dinossauro
 
FrontinFortaleza 2015
FrontinFortaleza 2015FrontinFortaleza 2015
FrontinFortaleza 2015
 
Meetup CSS #7 no CTNovatec, SP
Meetup CSS #7 no CTNovatec, SPMeetup CSS #7 no CTNovatec, SP
Meetup CSS #7 no CTNovatec, SP
 
SVG - De volta e para o futuro
SVG - De volta e para o futuroSVG - De volta e para o futuro
SVG - De volta e para o futuro
 
Front in sampa2014
Front in sampa2014Front in sampa2014
Front in sampa2014
 
Regra @font-face das CSS 3
Regra @font-face das CSS 3Regra @font-face das CSS 3
Regra @font-face das CSS 3
 

Último

Cybersecurity Threats and Cybersecurity Best Practices
Cybersecurity Threats and Cybersecurity Best PracticesCybersecurity Threats and Cybersecurity Best Practices
Cybersecurity Threats and Cybersecurity Best PracticesLumiverse Solutions Pvt Ltd
 
TRENDS Enabling and inhibiting dimensions.pptx
TRENDS Enabling and inhibiting dimensions.pptxTRENDS Enabling and inhibiting dimensions.pptx
TRENDS Enabling and inhibiting dimensions.pptxAndrieCagasanAkio
 
SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is prediSCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predieusebiomeyer
 
Company Snapshot Theme for Business by Slidesgo.pptx
Company Snapshot Theme for Business by Slidesgo.pptxCompany Snapshot Theme for Business by Slidesgo.pptx
Company Snapshot Theme for Business by Slidesgo.pptxMario
 
Unidad 4 – Redes de ordenadores (en inglés).pptx
Unidad 4 – Redes de ordenadores (en inglés).pptxUnidad 4 – Redes de ordenadores (en inglés).pptx
Unidad 4 – Redes de ordenadores (en inglés).pptxmibuzondetrabajo
 
IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119APNIC
 
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书rnrncn29
 
ETHICAL HACKING dddddddddddddddfnandni.pptx
ETHICAL HACKING dddddddddddddddfnandni.pptxETHICAL HACKING dddddddddddddddfnandni.pptx
ETHICAL HACKING dddddddddddddddfnandni.pptxNIMMANAGANTI RAMAKRISHNA
 
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书rnrncn29
 

Último (9)

Cybersecurity Threats and Cybersecurity Best Practices
Cybersecurity Threats and Cybersecurity Best PracticesCybersecurity Threats and Cybersecurity Best Practices
Cybersecurity Threats and Cybersecurity Best Practices
 
TRENDS Enabling and inhibiting dimensions.pptx
TRENDS Enabling and inhibiting dimensions.pptxTRENDS Enabling and inhibiting dimensions.pptx
TRENDS Enabling and inhibiting dimensions.pptx
 
SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is prediSCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predi
 
Company Snapshot Theme for Business by Slidesgo.pptx
Company Snapshot Theme for Business by Slidesgo.pptxCompany Snapshot Theme for Business by Slidesgo.pptx
Company Snapshot Theme for Business by Slidesgo.pptx
 
Unidad 4 – Redes de ordenadores (en inglés).pptx
Unidad 4 – Redes de ordenadores (en inglés).pptxUnidad 4 – Redes de ordenadores (en inglés).pptx
Unidad 4 – Redes de ordenadores (en inglés).pptx
 
IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119
 
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
 
ETHICAL HACKING dddddddddddddddfnandni.pptx
ETHICAL HACKING dddddddddddddddfnandni.pptxETHICAL HACKING dddddddddddddddfnandni.pptx
ETHICAL HACKING dddddddddddddddfnandni.pptx
 
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
 

CSS - Uma tecnologia em constante evolução