전체 글
<step24>'css_animation'
1) animation_ex.html 2) animation_ex_teach.html 3) animation_ex_teach.html Green Academy green web
css - animation
css 애니메이션 @keyframes 이름 { from { width: 100px; } to { width:100px; } } div { animation-name: 이름; animation-duration: 1s; }
<step23>'sccs_호텔 홈페이지 따라하기'
http://greenweb.dothome.co.kr/hotel/ Document A Whole New World I can show you the world. Shining Shimmering Splended.Tell me when you decide let me be in your heart. greenweb.dothome.co.kr 1) hotel.html logo Hotem Fucility Businiss Restaurant Maldives A Whole New World I can show you the world. Shining Shimmering Splended. Tell me when you decide let me be in your heart. Reservation Suite Surf ..
<step22>'scss_삼성생명 홈페이지 따라하기'
http://greenweb.dothome.co.kr/samsung/ Document 나만의 보험찾기 보장별, 인생시기별로 내게 딱 맞는 보험을 찾아보세요. greenweb.dothome.co.kr 1) html 개인 기업 MY삼성생명 전체상품 라이프& 고객센터 로그인 삼성생명 로그인 인증센터 이용등록 나의계약 보험금청구 보험료납입 보홈계약대출 변액펀드변경 분할/만기보험금 IPR가입 종합자산관리 다이렉트보험 소비자포털 컬설팅신청 동의라운지 회사지원 연금가입 국가고객만족도 생명보험부문 1위 고객님의 사랑으로 삼성생명이 2019년 NSCI 생명보험부문 16년 연속 1위를 수상하였습니다. 소소한 일상 속 든든한 보험이야기보험상품 "돈보다 소중한 걸 지키려니 돈이 필요하구나." "매일 같이 등원하는 별이가 세상..
<step22>'scss_연습하기'
1) ex.html My Website Lorem ipsum dolor sit amet, consectetur adipiscing elit. link link link link TITLE HEADING Lorem ipsumdolor sit amet image Title text Lorem ipsum dolor sit amet, consectetur adipiscing elit. TITLE HEADING Lorem ipsumdolor sit amet image Title text Lorem ipsum dolor sit amet, consectetur adipiscing elit. About Me image Some text about me in culpa qui officia deserunt mollit ..
<step22>'scss_이자녹스 홈페이지 따라하기'
1) isaknox.html dehaze search home Loginchevron_right Joinchevron_right Brand Product Store Customer Center NEW PRODUCT X2D2 링클 포커스 세럼 wrinkle focus serum X2D2 링클 포커스 세럼 wrinkle focus serum X2D2 링클 포커스 세럼 wrinkle focus serum X2D2 링클 포커스 세럼 wrinkle focus serum Contact us 이용약관 개인정보 취급방침 family site1 family site2 family site3 (주)LG생활건강 / 서울틀별시 종로구 세문안로 58 LG광화문빌딩 110-783 대표이사 차석용 / 고객상담실 080-023-70..
scss -> css 사이트
-scss -> css https://www.sassmeister.com/ SassMeister | The Sass Playground! SassMeister: The sassiest way to play with Sass, Compass, & LibSass! Loading... www.sassmeister.com
<step21>'scss_기초'
1) scss (중첩구문) 2) scss 상위 선택자 참조 - & 3) 변수(Variables) - 반복적으로 사용되는 값을 변수로 지정 변수 이름 앞에 항상 $ 를 붙입니다. $변수이름: 속성값; *변수 유효범의 (Scope) 변수는 사용가능한 유효범위가 있습니다. 선언된 브록({})내에서만 유효범위를 가집니다. *전역설정 !global !global플래그를 사용하면 변수의 유효범위를 전역(Global)로 설정할 수 있습니다. 4) 재활용(Mixins) 스타일시트 전체에서 재사용할 css선언 그룹을 정의해줌 1) 선언하기(@mixin) @mixin 믹스인이름 { 스타일; } @mixin 믹스인이름($매개변수) { 스타일; } 2) 사용(포함)하기(@include) @include 믹스인이름; @incl..
scss 사용법
1) scss (중첩구문) 2) scss 상위 선택자 참조 - & 3) 변수(Variables) - 반복적으로 사용되는 값을 변수로 지정 변수 이름 앞에 항상 $ 를 붙입니다. $변수이름: 속성값; *변수 유효범의 (Scope) 변수는 사용가능한 유효범위가 있습니다. 선언된 브록({})내에서만 유효범위를 가집니다. *전역설정 !global !global플래그를 사용하면 변수의 유효범위를 전역(Global)로 설정할 수 있습니다. 4) 재활용(Mixins) 스타일시트 전체에서 재사용할 css선언 그룹을 정의해줌 1) 선언하기(@mixin) @mixin 믹스인이름 { 스타일; } @mixin 믹스인이름($매개변수) { 스타일; } 2) 사용(포함)하기(@include) @include 믹스인이름; @incl..
<step21>'css_nots 홈페이지 따라하기'
http://greenweb.dothome.co.kr/nots/ Document NOTS CREATE BALUE We focus on skin style.Nature functional cosmetics,NOTS greenweb.dothome.co.kr 1) nots.html BEST SELLER SKINCARE MAKEUP THE STORY EXPERIENCE WHERE PREMIUM DWELLS it is the clean healthy looking skin that bootsts your confidence. NOTs always aim for the premium. Remember the 28 Days 28 Remedy The regeneration cycle of nomal skin Skin ..