ๆฌๅฝ๏ผใฆใงใใตใคใๅถไฝ๏ผ Step by Step๏ผ ๏ผใๅฉใใใใตใคใๅถไฝ_Basic Course๏ผ
[ใฆใงใใตใคใๅถไฝ Step By Step] Basic-courseใงใๅฉใใ(http://dopda.co.kr/) ใกใคใณใใผใธใใใฎใพใพ่ฃฝไฝใใฆใฟใ้็จใงใใๆฌBasic CourseใฏCSSใฌใคใขใฆใใฎๅถไฝใจใขใใกใผใทใงใณใซใคใใฆๅใไธใใ็ถใใฆApplication-courseใงใฏใคใกใผใธในใฉใคใๅนๆใใฌในใใณใทใๅถไฝใในใฏใญใผใซใขใใกใผใทใงใณใFix Headerใชใฉใฎใคใณใฟใฉใฏใใฃใ่ฆ็ด ใ่ฟฝๅ ใใฆ้่จญใใใไบๅฎใงใใ
ๅ่ฌ็ 1,077ๅ
้ฃๆๅบฆ ๅ็ด
ๅ่ฌๆ้ ็กๅถ้
- ๆช่งฃๆฑบ
'VIEW' ๋ผ๋ ํ ์คํธ๋ฅผ ๋ฐ์ค ๊ฐ์ด๋ฐ๋ก ์ค๊ฒ ๋ง๋ค ๋
์๋ ํ์ธ์ ๊ฐ์๋ด์ฉ ์ค 14:57~ ์ฆ์์ VIEW๋ฅผ ๋ฐ์ค ์ค์(๊ฐ๋ก๋ก๋ ๊ฐ์ด๋ฐ, ์ธ๋ก๋ก๋ ๊ฐ์ด๋ฐ)์ ๋ฐฐ์นํ๊ธฐ ์ํด padding-top: 200px์ ์ฃผ์ด์ผํ๋ค๊ณ ํ์ จ๋๋ฐ, ๊ทธ ์ด์ ์ ๋ํด ๊ถ๊ธํฉ๋๋ค! ์์ด๋ ๋ชจ๋ํฐ์ ๊ฒฝ์ฐ์๋ padding-top์
์น ๋์์ธHTML/CSSryuddi
ใป
0
213
1
- ๆช่งฃๆฑบ
width100%๊ถ๊ธํฉ๋๋ค~
์๋ ํ์ธ์~ ์ ์๋ <p class="type-plac
HTML/CSS์น ๋์์ธ5dorothy1761
ใป
0
203
1
- ๆช่งฃๆฑบ
๋ฆฌ์ ์ ๋ํ ์ง๋ฌธ
์ ์๋ ์๋ ํ์ธ์ ๋ฆฌ์ ์ ๋ํ ์ง๋ฌธ์ธ๋ฐ์ ํ์ ์์๋ ์ด๋ ๊ธฐ์ ์ ๊ฐ๋ * {margin:0; padding:0;} * {margin: 0
HTML/CSS์น ๋์์ธrinallday
ใป
0
214
1
- ่งฃๆฑบ
<span> ํ๊ทธ์ <div>, <p> ํ๊ทธ ๊ด๋ จ ์ง๋ฌธ์ ๋๋ค!
์๋ ํ์ธ์ ๊ฐ์ฌ๋! ์ง๋ฌธ ๋๋ฆด ๊ฒ ๋ช ๊ฐ์ง ์๊ฒจ์ ๋ ์ฐพ์์ค๊ฒ ๋์๋ค์ใ ใ ใ ใ 1. ๊ณผ ์์ ๊ด๋ จ ์ ์ฒด์ ์ธ ์ฝ๋๋ฅผ ๋ณด๋ฉด ๊ฐ์ฌ๋๊ป์ ์ด๋ฏธ์ง ํ๊ทธ๋ฅผ inline ์์์ธ
์น ๋์์ธHTML/CSSskyj6978
ใป
0
712
2
- ่งฃๆฑบ
float:left ์ง๋ฌธ์ ๋๋ค!
์๋ ํ์ธ์ ๊ฐ์ฌ๋์ ์ข์ ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค^-^! ๋ค๋ฆ์ด ์๋๋ผ ๊ฐ์ฌ๋๊ป์ ๋ฅผ ๊ฐ๋ก(ํ ์ค)๋ก ๋์ดํ ๋ float:left๋ฅผ ์ฌ์ฉํ์ จ๋๋ฐ, ํน์ float:left ๋์ ์ display:inine-block์ผ๋ก ๋ฐ๊ฟ์ ์ฌ์ฉํด๋ ๊ด์ฐฎ์๊ฐ์?!
์น ๋์์ธHTML/CSSskyj6978
ใป
0
205
1
- ๆช่งฃๆฑบ
์๋ชป ๊ตฌ์ ํ๊ฑฐ ๊ฐ๋ค์..
์ ๊ธฐ์ต์ ๋๊ฐ์ ๋ด์ฉ์ด ์ ํ๋ธ์ ์ฌ๋ผ์์๊ณ ์ด๊ฑด ๋๋จธ์ง ์ธ๋ถ๊น์ง ๋ค ๋ง๋๋ ์์์ธ์ค์์๋๋ฐ.. ๋ญ๊ฐ ๋ง๋ค๋ค ๋ง ๋๋์ด๋ค์ ใ ใ
HTML/CSS์น ๋์์ธwnstn0154
ใป
0
182
1
- ๆช่งฃๆฑบ
๊ฐ์์๋ฃ ๋ค์ด๋ก๋ ๋ฌธ์
<span style="font-size: 15px;
์น ๋์์ธHTML/CSSlemon300g
ใป
0
228
1
- ๆช่งฃๆฑบ
section.global์์ ์ ๋๋ฉ์ด์ ์ง๋ฌธ
์๋ ํ์ธ์ section.global์์ ์ ๋๋ฉ์ด์ ์ด ์คํฌ๋กค์ด ๋ด๋ ค๊ฐ๊ธฐ๋ ์ ์ ๋๋์๋๋ฐ.. ์ ๊ฐ ๋ญ ์๋ชปํ๊ฑธ๊น์..?
์น ๋์์ธHTML/CSSbsyeon331276
ใป
0
148
0
- ๆช่งฃๆฑบ
cover๋ background ์์ฑ์ ์ฌ๋ฐ๋ฅธ ๊ฐ์ด ์๋๋๋ค.
<img src="https://cdn.inflearn.com/public/files/posts/86c18ca0-d7b7-4e42-bac1-9ffa42a4ef03/์ ํจ์ฑ ๊ฒ์ฌ.PNG" title="์ ํจ์ฑ ๊ฒ์ฌ.PNG" width="1034" height="87"
์น ๋์์ธHTML/CSSktw2408
ใป
0
1,597
2
- ๆช่งฃๆฑบ
float
section.visual .menu li a p{ float:left; /* ํ์ดํ๊ฐ ์ฌ๋ผ์ฌ์์๋๋ก; */ font-weight
์น ๋์์ธHTML/CSSgyrlf24789667
ใป
0
161
1
- ๆช่งฃๆฑบ
text-align
๊ฐ์ฌ๋ ์ ๋ text-align์ block ์์์์ ์๋ inline์์๋ฅผ ์ ๋ ฌํ๋ ๊ฒ์ผ๋ก ์๊ณ ์๋๋ฐ, section.global์ text-align : center์ ์คฌ์ ๋ h2ํ๊ทธ์ธ title ํด๋์ค ์์์๋ G
HTML/CSS์น ๋์์ธgyrlf24789667
ใป
0
292
4
- ่งฃๆฑบ
animation widthAni ์ค๋ .txtImg์ overflow:hidden
animation widthAni ์ค๋ .txtImg์ overflow:hidden์ ์ค์ผ ์ ๋๋ฉ์ด์ ์ด ๋ณด์ด๋๋ฐ ์ด์ ๊ฐ ๋ญ๊ฐ์??
HTML/CSS์น ๋์์ธgyrlf24789667
ใป
1
291
1
- ่งฃๆฑบ
after์ before์ ์ฐจ์ด
์ ํค๋์์ญ์์ header nav .gnb li a:after ์ด๋ถ๋ถ์์ before๋ก ์ ์ฉํ๋ฉด ์๋์ค๊ณ , section.visual:before ์ด๋ถ๋ถ์์๋ after๋ฅผ ํด๋ ๊ฐ์๊ฒฐ๊ณผ๊ฐ ๋์ค๊ณ ์ด๋ค ์ฐจ์ด๊ฐ ์๋์ง ๋ชจ๋ฅด๊ฒ ์ต๋๋ค
์น ๋์์ธHTML/CSSgyrlf24789667
ใป
0
282
1
- ๆช่งฃๆฑบ
์๋ ํ์ธ์ ๊ฐ์ ํด๋
๊ฐ์ ํด๋๊ฐ ์ฒจ๋ถ๋์ด์๋์? ์ ๊ฐ ๋ชป์ฐพ๋๊ฑด์ง..ใ
์น ๋์์ธHTML/CSSjosujung10111483
ใป
1
358
1
- ๆช่งฃๆฑบ
์์ 1, 2 ์์ฐ์ค๋ฝ๊ฒ ์ฐ๊ฒฐ๋๊ฒ ๋ง๋์?
1๋ณด๊ณ 2๋ก ๊ฐ๋๋ฐ.. ์์๋ถํฐ ์ดํด๊ฐ ์๋๋ค์
HTML/CSS์น ๋์์ธlino070741
ใป
0
283
1

