๋ฐ๋ผํ๋ฉฐ ๋ฐฐ์ฐ๋ HTML, CSS
์ด ๊ฐ์๋ฅผ ํตํด์ HTML, CSS ๊ธฐ๋ณธ์ ๋ค์ง ์ ์์ต๋๋ค.
์๊ฐ์ 731๋ช
๋์ด๋ ์ ๋ฌธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ

- ๋ฏธํด๊ฒฐ
header_logo
header.css ์์ header_logo class ์ margin-top: 5px๋ฅผ ํด์คฌ๋๋ฐ html์์ header_logoํด๋์ค๋ ๋ณด์ด์ง ์์์์..์ด๋ ์๋๊ฑฐ์ฃ ?
HTML/CSSqowldud23
ใป
0
160
1
- ๋ฏธํด๊ฒฐ
์ธ์คํ๊ทธ๋จ ์ค์ต
๊ฐ์๋ฅผ ๋ฃ๊ณ ์ธ์คํ๊ทธ๋จ ์ค์ต์ ์งํํ์์ต๋๋ค.ํ์ง๋ง ์ ์ฌ์ง์ฒ๋ผ ์ฌ์ด
HTML/CSS์๊ทธ๋ฆฌ
ใป
0
267
1
- ๋ฏธํด๊ฒฐ
์ ํ๋ธ ์ค์ต
<img src="https://cdn.inflearn.com/public/files/posts/1e69db9f-d273-4264-90e6-b8a81e0b8635/แแ ณแแ ณแ แ ตแซแแ ฃแบ2024-02-08แแ ฉแแ ฅแซ11.46.49.png" alt="แแ ณแแ ณแ แ ตแซแแ ฃแบ 2
HTML/CSS์๊ทธ๋ฆฌ
ใป
0
297
1
- ํด๊ฒฐ
a-button:hover , active์ ๋ค์๊ณผ ๊ฐ์ ์๋ฌ ๋ฉ์์ง๊ฐ ๋น๋๋ค.
<img src="https://cdn.inflearn.com/public/files/posts/a43b5cb9-06be-41fb-b225-6f72d0197178/์คํฌ๋ฆฐ์ท2024-02-05์คํ5.54.01.png" alt="์คํฌ๋ฆฐ์ท 2024-02-05
HTML/CSSํ๋
ใป
0
370
2
- ๋ฏธํด๊ฒฐ
๋ํ ์๋ฃ (ํด๊ฒฐ)
๊ฐ์๋ฅผ ํ์๋ฉด์ ์ฐ์๋ ์๋ฃ๋ ์ด๋์ ๋ณผ ์ ์์๊น์?? ์์ ๋์๋๊ณ ๊ฐ์ด ๋ณด๋ฉด์ ๊ฐ์๋ฅผ ๋ค์๋ ค๊ณ ํ๋๋ฐ, ๊ฐ์์์ ์ฐ์๋ ๋ํ์๋ฃ๋ ์๋๋ผ๊ณ ์!!
HTML/CSSRealTone
ใป
0
314
1
- ๋ฏธํด๊ฒฐ
grid-template-columns์ ๋ํ์ฌ
ํจ๊ป ์ฝ๋๋ก ์ดํดํ๋ ๋ถ๋ถ์์, ๊ฐ์ฌ๋๊ณผ ๋๊ฐ์ด ์ฝ๋๋ฅผ ์์ฑํ๋๋ฐ ์๋ ์ฌ์ง์ฒ๋ผ ๊ทธ๋ฆฌ๋๊ฐ ๋ง๋ค์ด์ง๋๋ค. ๋งจ ์ ์ค์ auto์ ๊ฐ์๋งํผ ์ ๋ ฌ์ด ์ ๋๋๋ฐ, ๋ ๋ฒ์งธ ์ค๋ถํฐ๋ ์ธ๋ก๋ก ์ผ๋ ฌ๋ก ๋์ด๋ฉ๋๋ค. ์ด๋ป๊ฒ ํด๊ฒฐํ๋ฉด ์ข์๊น์??<img src="htt
HTML/CSS00.prft
ใป
0
191
1
- ๋ฏธํด๊ฒฐ
flex-shrink ์ง๋ฌธ์ ๋๋ค
flex-shrink ์ฝ๋๋ฅผ ๋๊ฐ์ด ๋ฐ๋ผ ์น๊ณ , Item์ ์๋ฅผ 4๊ฐ์์ 5๊ฐ๋ก ๋๋ฆฌ๋ฉด shrink๊ฐ ์ ์ฉ๋์ง ์์์ต๋๋ค. shrink๊ฐ ์ ์ฉ๋๋ ์กฐ๊ฑด์ ๊ฐ์ ํน์ ๋๋น์ ํฉ์ด ์๋ ๊ฑด์ง ๊ถ๊ธํฉ๋๋ค!
HTML/CSS00.prft
ใป
0
210
1
- ๋ฏธํด๊ฒฐ
๊ฐ์ ํด๋์ค(์์ฌ ํด๋์ค)์ ์ ์๊ฐ ์ดํด๊ฐ ๋์ง ์์ต๋๋ค.
์์ ์ ๋ฃ๋ ์ค์ ๊ฐ์ ํด๋์ค์ ์ ์๊ฐ ์ดํด๊ฐ ๊ฐ์ง ์์์ ์ง๋ฌธ์ ๋๋ ค์์์ ์์๋ ๊ฐ์ ํด๋์ค์ ์ ์๋ฅผ '๋ณ๋์ ํด๋์ค๋ฅผ ์ ์ํ์ง ์์๋ ์ง์ ํ ๊ฒ์ฒ๋ผ' ์ด๋ผ๋ ๋ฌธ๊ตฌ๊ฐ ์ ํ์๋๋ฐ,๊ฐ์ ํด๋์ค์ ์ฌ์ฉํ ๋๋ 'ํด๋์ค์ ์ด๋ฆ: ๊ฐ์
HTML/CSS์ค์ผ์น
ใป
0
212
2
- ๋ฏธํด๊ฒฐ
์คํ ๋ฆฌ ์์ฑํ๊ธฐ ๋ถ๋ถ์์
์๋ ํ์ธ์. ์์ ์ ๋ฃ๊ณ ์์ต๋๋ค.์คํ ๋ฆฌ ์์ฑํ๊ธฐ ๋ถ๋ถ์์ story__picture ๋ถ๋ถ์ top๊ณผ left ๊ฐ์ ์ฃผ๊ณ ์ ๋ค์ transform ๊ฐ์ ์ค์ ์์น๋ฅผ ๋ณํ ์ํค๋๊ฑด๊ฐ์?? top ๊ณผ left๋ง ์ฌ์ฉํด์ ์์น๋ฅผ ๋ณํ์ํค๋ ๊ฒ๊ณผ ์ฐจ์ด๊ฐ
HTML/CSSLili
ใป
0
168
1
- ๋ฏธํด๊ฒฐ
์๋ ํ์ธ์ ๊ฐ์ฌ๋ ์ง๋ฌธ ์์ต๋๋ค.
๊ฐ์ฌ๋์ ์์ ์ฝ 11๋ถ 10์ด ๋๋ฅผ ๋ณด๋ฉด go live๋ฅผ ํ ํ h1ํ๊ทธ๋ฅผ ์ถ๊ฐ ํ ํ์ ์๋ก๊ณ ์นจ ํ๋ฉด ์น ์ฐฝ์์ ์ถ๊ฐ๋ h1์ด ๋ณด์ด๋๋ฐ ์ ๊ฐ ํ๋ฉด ์๋์ ๊ฐ์ ์ค๋ฅ๊ฐ ๋จ๋ฉด์ ์ถ๊ฐ๋์ง ์์ต๋๋ค. ์ด๋ป๊ฒ ํ๋ฉด ๋ ๊น์?Live Reload is
HTML/CSSismania1
ใป
0
317
1
- ๋ฏธํด๊ฒฐ
Abutton ๋ง๋ค๊ธฐ css๊ฐ ์ธ์์ด ์๋ผ์.
<img src="https://cdn.inflearn.com/publ
HTML/CSSbx
ใป
0
330
1
- ๋ฏธํด๊ฒฐ
์ ํ๋ธ ์ฌ์ด๋๋ฐ ์์ฑํ ๋ bottom 0
์ฝ๋์์๋Position : fixed;Left : 0;Bottom : 0; ์ผ๋ก ์ฃผ์ จ๋๋ฐ, ์ ๋ ์ด๋ ๊ฒ ํ๋๊น ์ฌ์ด๋๋ฐ๊ฐ ์๋์ ๋ถ์ด์.Bottom 0์ ์ญ์ ํ๋๊น ๊ฐ์์ฒ๋ผ ์์ชฝ
HTML/CSS์ด๋ค๊ฒฝ
ใป
0
351
1
- ๋ฏธํด๊ฒฐ
์์ ์๋ฃ๋ฅผ ๋ค์ด๋ฐ์๋ ์๋ฃ๊ฐ ๋ณด์ด์ง ์์ต๋๋ค.
์์ ์๋ฃ๋ฅผ ๋ค์ด๋ฐ์๋๋ฐ 1์ชฝ๋ง ๋ณด์ด๊ณ ๋๋จธ์ง๋ ๋ณด์ด์ง๊ฐ ์์ต๋๋ค.
HTML/CSSafrica667
ใป
0
368
1
- ํด๊ฒฐ
์ธ๋ผ์ธ ์์, ๋ธ๋ก ์์
์ธ๋ผ์ธ ์์๋ ๋ธ๋ก ์์๋ฅผ ํฌํจํ๋ฉด ์๋๋ค๊ณ ์๊ณ ์์ต๋๋ค.๋ธ๋ผ์ฐ์ ์ข ๋ฅ ๋ฐ ๋ฒ์ ๋ง๋ค ํน์ ์์๊ฐ ์ถ๋ ฅ์ด ์๋๋ ๊ฒฝ์ฐ๊ฐ ์๋ค๊ณ ๋ค์๋๋ฐ, ์ต๊ทผ์ ๊ฒฝ์ฐ์๋ ๋๋ถ๋ถ ์ ์์ ์ผ๋ก ์ถ๋ ฅ๋๋ ๊ฒฝ์ฐ๊ฐ ๋ง๋ค๊ณ ๋ค์์ต๋๋ค. ์ด ๋ถ๋ถ์์ ๊ถ๊ธํ ์ ์ด ์๊ฒผ์ต๋
HTML/CSS๊น์ฃผ์
ใป
0
280
1
- ๋ฏธํด๊ฒฐ
css ์ง๋ฌธ ์์ต๋๋ค !!
์๋ ํ์ธ์, ๊ฐ์ฌ๋์ ํ๋ธ ์ฌ์ดํธ ๊ธฐ๋ณธ ๊ตฌ์กฐ ์์ฑํ๊ธฐ ํํธ์์ css๋ฅผ ์์ฑํ ๋ margin: 0;margin-top: 0;margin-bottom: 0;๊ณผ ๊ฐ์ด 0๊ฐ์ ์ ๋ฐ๋ก ์ฃผ์๋ ์ง ๊ถ๊ธํฉ๋๋ค
HTML/CSSkmj06030
ใป
0
267
1
- ๋ฏธํด๊ฒฐ
์๋ฃ pdf ํ์ผ๋ก ๋ณด๋ด ์ฃผ์ค์ ์๋์ง ์ง๋ฌธ๋๋ฆฝ๋๋ค.
์ ๊ฐ ์๋ฃ์ ๋ค๊ฐ ํ๊ธฐ๋ฅผ ํ๋ฉด์ ๊ณต๋ถ๋ฅผ ํ๊ณ ์ถ์๋ฐ pdf ๋ก ํ์ผ์ด ๋ค์ด์ด ์๋๋ ํ์ผ๋ค์ด ๋ช ์์ต๋๋ค. ํน์ ๋ณด๋ด์ฃผ์ค์ ์๋์ง ์ง๋ฌธ๋๋ฆฝ๋๋ค. ์ด๋ฉ์ผ์ spiderspoder@naver.com
HTML/CSSjava๋จน์
ใป
0
333
1
- ํด๊ฒฐ
nth-child(2n+1)์ ๋ํด ๊ถ๊ธํด์
nth child๋ ๋ช ๋ฒ์งธ ์์ ์์๋ฅผ ์ ํํ ๊ฒ ์ธ์ง๋ ์ดํดํ์ต๋๋ค๋ง ์ง๋ฌธ์ด ์์ต๋๋ค.Q1. nth-child(2n+1)์ ์ ํ์ ์ ํ์ด ๋๋ ๊ฑด๊ฐ์?nth-child(2n+1)์ด ํ์๊ฐ ๋๋ ์ด์ ๋ฅผ ์ข ๋ ํ์ด์ ์ค๋ช ํด์ฃผ
HTML/CSS์ฐ์
ใป
0
483
1
- ํด๊ฒฐ
๊ฐ๋ฐ๋ธ๋ก๊ทธ ๋ด์ฉ์ ๋ฆฌ ๊ฒ์ ๊ฐ๋ฅ ์ฌ๋ถ
์๋ ํ์ธ์! ์กด์๋! html, css์ ๋ํด ๋ง์ด ๋ชจ๋ฅด๋ ์ํ์ธ๋ฐ๋ ๋ถ๊ตฌํ๊ณ ์ด ๊ฐ์๋ฅผ ์ด์ฌํ ๋ฐ๋ผ ์น๊ณ ๊ณต๋ถํ๋ฉด์ ์กฐ๊ธ์ด๋๋ง ์์๊ฐ๊ณ ์๋ ์๊ฐ์์ ๋๋ค! :)๋ค๋ฆ์ด ์๋๋ผ ์ ๊ฐ ๊ฐ๋ฐ ๋ธ๋ก๊ทธ๋ฅผ ์ฌ์ฉ ์ค์ธ๋ฐ ๋ด์ฉ์ ์ ๋ฆฌํ๊ณ , ์ด์ ์ ๊ณต๋ถ
HTML/CSSguswjd1gh
ใป
0
405
1
- ๋ฏธํด๊ฒฐ
nth child์ ๋ํ ๊ฐ๋
nth child์ ๋ํ ๊ฐ๋ ์ด ์ค๋ช ์ด ์๋๊ณ , ๊ทธ๋ฅ ์ฝ๋๋ฅผ ์์ฑํ๋ฉด์ ์ง๋๊ฐ๋ ๊ฒ ๊ฐ์๋ฐ์..์ด ๋ถ๋ถ์ ๋ํ ์ค๋ช ์ ์ดํ์ ๋์ค๋๊ฑด๊ฐ์ ?
HTML/CSS์ฅ์ฌํ
ใป
0
400
2
- ๋ฏธํด๊ฒฐ
๋ํ์๋ฃ๋ฅผ ์ด ์ ์์ต๋๋ค.
๋ํ์๋ฃ๋ฅผ ๋ค์ด ๋ฐ์๋๋ฐ, ํ์ฅ์๋ ์ ๊ณ .. docx๋ก ํ์ฅ์๋ฅผ ๋ฐ๊ฟ๋ ํ์ผ์ด ์ ๋๋ก ์ด๋ฆฌ์ง ์์ต๋๋ค.
HTML/CSSamazingkis04
ใป
0
328
1






