๋๋ง์ ํฌํธํด๋ฆฌ์ค ์นํ์ด์ง ๋ง๋ค๊ธฐ
๋ณธ ๊ฐ์๋ HTML, CSS, JS ๋ง์ ์ด์ฉํ์ฌ ๋๋ง์ ํฌํธํด๋ฆฌ์ค ์นํ์ด์ง๋ฅผ ๋ง๋ค์ด๋ณด๋ ๊ฐ์ข์ ๋๋ค. ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์์กดํ์ง ์๊ณ ์์ HTML, CSS, JS๋ก ๊ฐ๋ฐํ๊ธฐ ๋๋ฌธ์ ์นํ์ด์ง ์ ์์ ๋ํ ์ดํด๋๋ฅผ ๋์ผ ์ ์์ต๋๋ค.
์๊ฐ์ 396๋ช
๋์ด๋ ์ ๋ฌธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ

- ๋ฏธํด๊ฒฐ
CSS๊ฐ ์ ์ฉ์ด ์๋ฉ๋๋ค.
/* ABOUT AREA */ .about-area { height: auto; position: relative; } .about-area > .picture { display: block;
HTML/CSS์น-๋์์ธHunter
ใป
10๋ฌ ์
0
77
1
- ๋ฏธํด๊ฒฐ
๋์์์ ์ต์ ๋ฒ์ ์ ๋ง๊ฒ ์ ๊ทธ๋ ์ด๋ ํด์ฃผ์๊ฑฐ๋ css์ ์ฉ์ด ์๋๋ ์์ธ๊ณผ ํด๊ฒฐ๋ฐฉ๋ฒ์ ๋น ๋ฅด๊ฒ ์จ์ฃผ์ค ์ ์๋์?
<meta h
HTML/CSS์น-๋์์ธTkhp Sch
ใป
0
100
1
- ๋ฏธํด๊ฒฐ
ํ๋ฉด์ด ๋๋ฌด์์์
์ด๋ ๊ฒ ์กฐ๊ทธ๋งํ ๊ธ์จ ์ธ๊ฐ ์ฒ์ ๋ด์. <div
์น ๋์์ธHTML/CSSSL
ใป
0
231
0
- ๋ฏธํด๊ฒฐ
awesome font์์
์๋ ํ์ธ์ ์ง๊ธ ์๊ฐ์ค์ธ๋ฐ์ awesome font ์ฌ์ดํธ์์ ์ฝ๋๊ฐ ์ง๊ธ ์๋์ค๋ ์ํฉ์ธ๋ฐ ์ด๋ป๊ฒ ํ๋๊ฒ์ธ๊ฐ์
font์น ๋์์ธHTML/CSS์ด์ ์ฌ
ใป
0
364
1
- ๋ฏธํด๊ฒฐ
ํ์ ์ฐฝ ๋์์
์๋ ํ์ธ์ ์ ์๋! ์ฌ์ญค๋ณด๊ณ ์ถ์๊ฒ ์์ด์ ์ง๋ฌธ๋๋ฆฝ๋๋ค. <p style="font-size: 15
์น ๋์์ธHTML/CSS์ดํ์
ใป
0
273
1
- ๋ฏธํด๊ฒฐ
์ฑํฐ 6์์ ํด๊ฒฐ์ด ์๋๊ณ ์์ต๋๋ค.
<img src="https://cdn.inflearn.com/public/files/posts/748c43c7-f2cc-428c-baf4-708899937065/แแ ณแแ ณแ แ ตแซแแ ฃแบ 2021-05-02 แแ ฉแแ ฎ 10.39.41.png" width="810" hei
ํฌํธํด๋ฆฌ์คํํ์ด์ง๋ง๋ค๊ธฐcss์น ๋์์ธHTML/CSS์ดํ์
ใป
0
368
1
- ๋ฏธํด๊ฒฐ
ํด๋ฆญ์ ๋๋กญ๋ค์ด์ด ๋์ง ์์ต๋๋ค..
<p style="box-sizing: border-box; padding: 0px; line-height: 1.5; font-size: 16px; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, 'Se
HTML/CSS์น ๋์์ธkebin0613
ใป
1
388
2
- ๋ฏธํด๊ฒฐ
09.NavaigationBar2 js๋ถ๋ถ ์ง๋ฌธ์ ๋๋ค.
์๋ ํ์ธ์. ๊ฐ์ ์ ๋ณด์์ต๋๋ค. ๋ง์ง๋ง NavigationBar2 ๋ถ๋ถ์์ window.scrollTo(0, document.getElementById(id).offsetTop - 70); sc
์น ๋์์ธHTML/CSSBananang
ใป
0
227
1
- ๋ฏธํด๊ฒฐ
navigation bar ๋ง๋ค๊ธฐ java script๋ถ๋ถ์ ์ง๋ฌธ์ด ์์ต๋๋ค.
<img src="https://cdn.inflearn.com/public/files/posts/5e687100-ccb3-478b-be55-76e2a03d42f7/์ฐธ๊ณ ์ฉ2.png" width="880" height="495" alt="navigation bar ๋ง
์น ๋์์ธHTML/CSS๊น์ฐํ ๊ณ ์ด๋์น
ใป
0
377
1
- ๋ฏธํด๊ฒฐ
์๋ฐ์คํฌ๋ฆฝํธ ์๋ฌ ํ์
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white
์น ๋์์ธHTML/CSS์ค๊ฐ์ ์ง
ใป
0
503
1
- ๋ฏธํด๊ฒฐ
๊ฑด์์ฌํญ์ ๋๋ค.
์ต์ข ๊ฒฐ๊ณผ๋ฌผ์ ๋ณผ ์ ์๋ ๋งํฌ๋ ์์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค. (์. github.io์์ ๋ณผ ์ ์๊ฒ์.)
์น ๋์์ธHTML/CSSYong-Hae Lee
ใป
1
305
1
- ๋ฏธํด๊ฒฐ
CSS
์๋ ํ์ธ์. ๊ฐ์ ์ ๋ณด๊ณ ์์ต๋๋ค. CSS์์ ์คํ์ผ์ ์ ์ฉํ๊ณ ์ ํ๋ class๋ฅผ ์ง์ ํ ๋ ์ฒซ๋ฒ์งธ ๋ฐฉ๋ฒ์ผ๋ก ํ์ จ๋๋ฐ์. ๋๋ฒ์งธ(comment outํ ๋ถ๋ถ)์ฒ๋ผ ๋ฐ๋ก .navbar-brand๋ฅผ ์ง์ ํ๋๊ฒ๊ณผ ๋ฌด์จ ์ฐจ
์น ๋์์ธHTML/CSSHaeun Jeong
ใป
0
236
1
- ๋ฏธํด๊ฒฐ
js์์ className์ ๊ด๋ จ๋ ์๋ฌ
์ญ์ ๋ ๊ธ์ ๋๋ค
์น ๋์์ธHTML/CSSkimbarb
ใป
0
108
1
- ๋ฏธํด๊ฒฐ
์๋์ด์๋์ฌ..
js ๋ถ๋ถ ๋๊ฐ์ด ํ๊ณ css๋ html๋ ๋๊ฐ์ด ํ๋๋ฐ css ๊น์ง ์๋๋๋ฐ js ๊ฐ ์๋์ด ์๋๋ค์ ๋น ๋ฅธ ๋ต๋ณ ๋ถํ๋๋ ค์ ์ ๋ฐ์
HTML/CSS์น ๋์์ธ์๊ฐ์ ๊ทธ๋ฆฌ๋ค
ใป
0
276
1
- ๋ฏธํด๊ฒฐ
์ด๋ฏธ์ง
์ ๋ ๋๊ฐ์ด ํ๋๋ฐ ์ ์ด๋ฏธ์ง๊ฐ 2์ฉ ์๋ณด์ด์ ธ?
HTML/CSS์น ๋์์ธ์๊ฐ์ ๊ทธ๋ฆฌ๋ค
ใป
1
243
1
- ๋ฏธํด๊ฒฐ
.header-area > .navbar์ ์ ์ฉํ css์ ๋ํด์
์๋ ํ์ธ์, ๊ฐ์ ์ ๋ณด๊ณ ์์ต๋๋ค. <div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; l
์น ๋์์ธHTML/CSS์ฟ๋ฉ
ใป
0
296
1
- ๋ฏธํด๊ฒฐ
css ์ ์ฉ์ด ์๋๋ ์ฆ์
html ํ css ๊ฐ์ข ์ค๋ฐ๊น์ง ์งํ ์ค์ธ๋ฐ css ์ ์ฉ์ด ์๋๋ ๊ฒ ๊ฐ์ต๋๋ค. ์ด๋ ๊ฒ ํ๋จํ ์ด์ ๋... (1) css ์ด๊ธฐ ๊ตฌ๋ฌธ์ 'uppercase'๋ฅผ ์ ์ฉํ๊ฒ ํ๋ ๋ถ๋ถ์ด ์์ง๋ง ์ ๋ธ๋ผ์ฐ์ ์์ ๊ทธ๋ ๊ฒ ์ ์ฉ์ด ์๋๋ค์. <
HTML/CSS์น ๋์์ธ์ด์ ์ (ProCASTer)
ใป
0
297
2
- ๋ฏธํด๊ฒฐ
className๊ณผ classList์ ๋ํด ๊ถ๊ธํฉ๋๋ค.
className๊ณผ classList์ ๋ํด ๊ถ๊ธํฉ๋๋ค.๊ฐ์ฌํฉ๋๋ค.
HTML/CSS์น ๋์์ธ์ต๋ณ๊ท
ใป
0
259
1
- ๋ฏธํด๊ฒฐ
์ด๋ฏธ์ง ์ฌ๋ผ์ด๋ ์ ์ฉ์์ ์์ ์๋ฐ์คํฌ๋ฆฝํธ ํจ์ bind()์ ๋ํด ๊ถ๊ธํฉ๋๋ค.
// ๋ฐ์์์//document.getElementById('imagePrev').addEventListener('click',plusImageSlides(-1));//document.getElementById('imageNext').ad
์น ๋์์ธHTML/CSS์ต๋ณ๊ท
ใป
0
497
1
- ๋ฏธํด๊ฒฐ
CSS ์ ์ฉ์ด ์๋ฉ๋๋คใ ใ
image-prev, image-next class๋ง css ์ ์ฉ์ด ์๋ฉ๋๋ค.. ์คํ๋ ๋ถ๋ถ๋ ์๊ณ , ๋ฐ๋ก ์๋ฌ๋ฉ์์ง๊ฐ ๋จ๋ ๊ฒ๋ ์๋๋ฐ ์ฌ์ง๋ค ๋งจ ์๋์ชฝ์ ํ์๋ง ๋๊ณ css ์ ์ฉ์ด ์๋๋ค์..
์น ๋์์ธHTML/CSSpln1992
ใป
0
229
2






