SlideShare a Scribd company logo
1 of 34
Download to read offline
에어_HTML/CSS_03
지난 
이야기
CSS
에어_HTML/CSS_03
에어_HTML/CSS_03
에어_HTML/CSS_03
team air 
03
<div> 
CSS Transition 
Responsive Web
복습 겸 
재밌는거 하나 
해보자
에어_HTML/CSS_03
에어_HTML/CSS_03
충격! 실시간검색어 가지고 놀기
<div>
<div> = “레이어”
에어_HTML/CSS_03
에어_HTML/CSS_03
레이어 구분해서 새로운 창 만들기 
시멘틱 태그랑 같이 레이아웃 짜기 
정말 마땅한 태그가 없을때
에어_HTML/CSS_03
에어_HTML/CSS_03
에어_HTML/CSS_03
<div class=“nav navbar”> … </div>
레이어 구분해서 새로운 창 만들기 
시멘틱 태그랑 같이 레이아웃 짜기 
정말 마땅한 태그가 없을때 유용하지만 비추
완전 쎄다
주요 포지션 속성들과 
만능 <center>도 안먹히는 
강한 배짱
CSS Transition
장면 변화, 변형… 
CSS Transition
애니메이션 만들기
-webkit [웹킷] 
웹 브라우저를 만드는데 
기반을 제공하는 오픈소스
백코딩이불여일견 
실제로 코딩해보면서 알아보자.
Responsive Web
에어_HTML/CSS_03
에어_HTML/CSS_03
화면의 크기에 반응해서 바뀜
에어_HTML/CSS_03

More Related Content

Viewers also liked

Viewers also liked (20)

Protocolos TCP/IP
Protocolos TCP/IPProtocolos TCP/IP
Protocolos TCP/IP
 
Practica
PracticaPractica
Practica
 
Judô
JudôJudô
Judô
 
Clipping 08.04.11
Clipping 08.04.11Clipping 08.04.11
Clipping 08.04.11
 
Feliz dia mamit az !
Feliz dia mamit az !Feliz dia mamit az !
Feliz dia mamit az !
 
EAEko garapen iraunkorreko erronka nagusiak.pdf
EAEko garapen iraunkorreko erronka nagusiak.pdfEAEko garapen iraunkorreko erronka nagusiak.pdf
EAEko garapen iraunkorreko erronka nagusiak.pdf
 
Beyond the "Like" (EyeforTravel Miami)
Beyond the "Like" (EyeforTravel Miami)Beyond the "Like" (EyeforTravel Miami)
Beyond the "Like" (EyeforTravel Miami)
 
Acsio riesgos asociados epp_kcc_2011_06_22_autoplay_final version
Acsio riesgos asociados epp_kcc_2011_06_22_autoplay_final versionAcsio riesgos asociados epp_kcc_2011_06_22_autoplay_final version
Acsio riesgos asociados epp_kcc_2011_06_22_autoplay_final version
 
Coletiva3 201112
Coletiva3 201112Coletiva3 201112
Coletiva3 201112
 
A simetria
A simetriaA simetria
A simetria
 
Imagens
ImagensImagens
Imagens
 
Artigo sobre redes san e armazenamento em grande capacidade
Artigo sobre redes san e armazenamento em grande capacidadeArtigo sobre redes san e armazenamento em grande capacidade
Artigo sobre redes san e armazenamento em grande capacidade
 
2012 11 20 un año rajoy. pobreza, paro y desigualdad
2012 11 20 un año rajoy. pobreza, paro y desigualdad2012 11 20 un año rajoy. pobreza, paro y desigualdad
2012 11 20 un año rajoy. pobreza, paro y desigualdad
 
Habilidades comunicativas
Habilidades comunicativasHabilidades comunicativas
Habilidades comunicativas
 
When vs. While
When vs. WhileWhen vs. While
When vs. While
 
Aula sobre email
Aula sobre emailAula sobre email
Aula sobre email
 
17 março
17 março17 março
17 março
 
Apresentação conselhos
Apresentação   conselhosApresentação   conselhos
Apresentação conselhos
 
Maneig del síncop a Urgències
Maneig del síncop a UrgènciesManeig del síncop a Urgències
Maneig del síncop a Urgències
 
Workshop fanfulla "Creative Loverz"
Workshop fanfulla "Creative Loverz"Workshop fanfulla "Creative Loverz"
Workshop fanfulla "Creative Loverz"
 

에어_HTML/CSS_03