์นํผ๋ธ๋ฆฌ์ ๊ฐ ์๋ ค์ฃผ๋ ์ค๋ฌด ์น์ฌ์ดํธ ๋ฐ๋ผ๋ง๋ค๊ธฐ Season1
๊ธฐ์ด๋ ์ด์ ๊ทธ๋ง~! ์ค์ ์ฌ์ดํธ๋ฅผ ์ ์ํด๋ณด๊ณ ๊ทธ์์์ html๊ณผ css๊ฐ ์ด๋ป๊ฒ ์กฐํ๋กญ๊ฒ ์ ์๋๋์ง ์์๋ณด์ธ์~
์๊ฐ์ 4,737๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ

- ๋ฏธํด๊ฒฐ
:after์ ์ค๋ช ํด์ฃผ์ css ์ฐจ์ด๊ฐ ์ดํด๊ฐ ์ด๋ ต์ต๋๋ค.
header .lnb li a span:after{position: absolute; left:0; bottom:0; content:""; disp
HTML/CSSrooftop7788
ใป
0
331
1
- ๋ฏธํด๊ฒฐ
๋ฉ์ธํ์ด์ง ์ปจํ ์ธ ์์ญ class.slide
๋ฉ์ธํ์ด์ง ์ปจํ ์ธ ์์ญ ์ ์ํ๊ธฐ(๋งค๊ฑฐ์ง์์ญ) ๋ถ๋ถ์์ visual์ ์ด์ /๋ค์/์ปจํธ๋กค ์์ญ์ ์ฌ์ฌ์ฉํ๊ธฐ ์ํด class ์ถ๊ฐํ์ฌ slide๋ฅผ ์ด์ฉํ๋ค๊ณ ํ์ จ๋๋ฐ์.
HTML/CSSmujigekr
ใป
0
455
1
- ๋ฏธํด๊ฒฐ
atom์ผ๋ก ์งํํ๊ณ ์๋ ์ค์ ์ง๋ฌธ์ด ์์ต๋๋ค.
- ํ์ต ๊ด๋ จ ์ง๋ฌธ์ ๋จ๊ฒจ์ฃผ์ธ์. ์์ธํ ์์ฑํ๋ฉด ๋ ์ข์์! - ๋จผ์ ์ ์ฌํ
HTML/CSSsojung020924
ใป
0
190
0
- ๋ฏธํด๊ฒฐ
์ง๋ฌธ ๋๋ฆฝ๋๋ค.
ํ์ํ๋ฐ์ฝ ์ฌ์ดํธ๊ฐ ํ์ฌ ๋ฆฌ๋ด์ผ๋ผ์ ๊ฐ์์ ์กฐ๊ธ์ ๋ค๋ฅธ ๊ฒ ๊ฐ์์. ํน์ ๊ฐ์ํด์ฃผ์ ๊ธฐ์ค์ผ๋ก ํ์ผ์ ๊ตฌํ ์ ์์๊น์? ๊ทธ๋ฆฌ๊ณ ํค๋์์ ๊ฐ๋ก๊ฐ 100%์ด๊ณ ๋ธ๋ผ์ฐ์ ํฌ๊ธฐ์ ์๊ด์์ด ์ค๋ฅธ์ชฝ ์ผ์ชฝ ์ฌ๋ฐฑ์ ๊ทธ๋๋ก ์ ์ง๋๋ค
HTML/CSSpoemlovingly
ใป
0
248
0
- ๋ฏธํด๊ฒฐ
css ์ด๊ธฐํ ์์ ๊ด๋ จํ์ฌ ์ง๋ฌธ๋๋ฆฝ๋๋ค!
<div class="comment-content" style="box-sizing: inherit; flex: 1 1 auto; width: calc(100% - 33px); color: #000a12; font-family: 'Noto Sans KR', -apple
HTML/CSS177171
ใป
0
272
0
- ๋ฏธํด๊ฒฐ
์๋ ํ์ธ์! ๋ธ๋ก๊ทธ ์ ๋ก๋ ๊ด๋ จํด์ ์ง๋ฌธ๋๋ฆด ๊ฒ ์์ต๋๋ค.
์ ๊ฐ ๊ฐ์ธ ๊ณต๋ถ ๋ธ๋ก๊ทธ๋ฅผ ์ผ๋ง ์ ์ ์์ํ๋๋ฐ ์ด ๊ฐ์๋ฅผ ๋ค์ผ๋ฉฐ ๊ณต๋ถํ๋ ๋ด์ฉ๋ค์ ํน์ ๋ธ๋ก๊ทธ์ ์ฌ๋ ค๋ ๋ ๊น์? ์ ๋๋ฆ๋๋ก ์์น์ ์ ํ๋๋ฐ, 1. ๊ฐ์ ์คํฌ๋ฆฐ์ท ์ฌ์ฉX 2. ๋ด๊ฐ ์์ฑํ ์ฝ๋๋ก, ์ค๋ช ์ด ํ์ํ ์ผ๋ถ ๋ถ๋ถ๋ง ๋ฐ์ท
๋ธ๋ก๊ทธ๋ธ๋ก๊ทธHTML/CSS์๋
ใป
0
421
1
- ๋ฏธํด๊ฒฐ
์ ํ๋ ํญ๋ชฉ ํฐ์ ๊ฐ์กฐ ์๊น
์๋ ํ์ธ์. ์ฝ๋ ๋ฐ๋ผํ๋ฉฐ ๊ธฐ๋ฅ ํ์ธ์ค์ธ๋ฐ์! ๋ฆฌ์คํธ 5๊ฐ ์ค์ ์ ํ๋ ํญ๋ชฉ์ 'on' class๋ฅผ ์ฃผ๊ณ css์์ ํฐ์์ผ๋ก ๋ฐฐ๊ฒฝ์ ์ง์ ํ๋ ๋ถ๋ถ์ด ์์ต๋๋ค. (32๋ถ ์ฆ์) ์ฌ๊ธฐ์ ์์์์๋ ์๋์ ๊ฐ์ด ์ฝ๋๋ฅผ
HTML/CSS์ดํ๋(Jasmine)
ใป
0
274
1
- ๋ฏธํด๊ฒฐ
default.css ๊ฐ ์ ์ฉ์ด ์๋์ ใ ใ
์๋ ํ์ธ์~ ์ ์๋ ๋ธ๋ก๊ทธ์์ default.css๋ฅผ ๋ค์ด๋ฐ์ <div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font
HTML/CSScock321
ใป
0
273
1
- ๋ฏธํด๊ฒฐ
๊ฐ์ 13๋ถ 25์ด์ดํ div float:left ์ ์ฉ ์ ์ง๋ฌธ
float: left๋ก ์ ๋ ฌ์ ํ๋๊ฒ๊น์ง ์ดํด๊ฐ ๊ฐ๋๋ค. ๊ทธ๋ฌ๋ html์์ input์ div๋ก ๊ฐ์ธ์ฃผ์ง ์์ผ๋ ์ผ๋ ฌ ์ ๋ ฌ์ด ์๋ฉ๋๋ค. ์ด์ํ์์ ๋๊ตฌ๋ก width๋ฅผ ์ธก์ ํ๋๋ 325.xx์ด๋ ๊ฒ ๋์ค๋๊ฑธ ํ์ธํ์ต๋๋ค. div๋ก ๊ฐ์ธ์ฃผ์์๋๋ widt
HTML/CSSeyes
ใป
0
285
0
- ๋ฏธํด๊ฒฐ
visual ์์ญ slide control bar ์ผ๋ ฌ ์ ๋ ฌ์ด ์๋ฉ๋๋ค ใ ใ
๊ฐ์ 30๋ถ์ฏค ๋ถํฐ ์ฌ๋ผ์ด๋ ์ปจํธ๋กค๋ฐ ์์ ์ ๋ฐ๋ผ์ณค์ ๋ฟ์ธ๋ฐ ์ผ๋ ฌ ์ ๋ ฌ์ด ๋์ง ์๊ณ ์๋๋ก ๋ด๋ ค๊ฐ์๋ค์ ํด๋น ํํฌ ํด๋ฆฌ์ค .visual .control li์ display: inline-block ์์ฑ์ inline-flex๋ก ๋ฐ๊พธ๋ ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋๊ธด
HTML/CSSeyes
ใป
3
240
0
- ๋ฏธํด๊ฒฐ
ํค๋์์ญ ์ ์์์ transition
.skip{...(์ดํ์๋ต)transition:all 0.5s;} .skip:focus{top:0;} ์ด๋ผ๊ณ ๊ฐ์์ ๋์จ๋๋ก ์ผ๋๋ฐ focus๋ ๋ ๋์์ด ์คํ๋๋ ๊ฒ ์๋๋ผ ํ์ด์ง๊ฐ ๋ก๋ฉ๋์๋ง์ ๋์์ด ์คํ๋๊ณ ๋ฉ์ถ๋ค์; ๊ฐ
HTML/CSSmarili5525
ใป
0
335
1
- ๋ฏธํด๊ฒฐ
์ด๋ฏธ์ง ์ฌ์ฉ์ ์ขํ ์ง๋ฌผ
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-spac
HTML/CSS์ฌ๊ตฌ
ใป
0
365
1
- ๋ฏธํด๊ฒฐ
์ง๋ฌธ
ํด๋ ์์ญ์์ ๋๋ฉ๋ด/๊ด๋ จ์๋น์ค ํ ์คํธ๋ฅผ ์๊ฐ์ ์ผ๋ก ๊ฐ๋ ค์ค๋ ํ๋ฉด ๋ญ๋ ๊ธฐ๊ฐ ๋ชป์์๋จน์๊น์?
HTML/CSSBinary๋ ํธ๋จ์
ใป
0
239
1
- ๋ฏธํด๊ฒฐ
ํด๋ฆญ์์ญ์ ๋์ด์ก๋๋ฐ ์ปค์๊ฐ ํฌ์ธํฐ๋ก ์ ๋ฐ๋์ด์.
ํธ๋ฒ๋ฅผ ์ฃผ์์ ๋ ์์์ ๋ฐ๋๊ฒ ๋ง๋ค์๋๋ ํด๋ฆญ์์ญ์ด ๋์ด์ง๊ฑด ํ์ธํ๋๋ฐ ํฌ์ธํฐ๊ฐ ์ ๋ฐ๋์ด์... ์ ๊ทธ๋ฐ๊ฑด๊ฐ์?
HTML/CSSiampkiron
ใป
0
200
0
- ๋ฏธํด๊ฒฐ
.notice article > div a ์ด๊ฑฐ์.notice article > div > a ์ฐจ์ด๋ฅผ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค.
ํ๋๋ > a๋ค์ด๊ฐ๊ณ ํ๋๋ ๊ทธ๋ฅ a์ฐ์๋๋ฐ ์ด์ ๋ฅผ ์ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค ใ ใ ๋ง์์ข ๋ถํ๋๋ฆด๊ฒ์
HTML/CSStldnd5656
ใป
0
323
1
- ๋ฏธํด๊ฒฐ
ํ์ ํํ์ด์ง๊ฐ...
ํํ์ด์ง๊ฐ ๋ฐ๋์ด์ ์์ ์ ๋ฐ๋ผ ํ ์๊ฐ ์์ด์.. ์ด๋ป๊ฒ ํด์ผํ๋์?
HTML/CSS์์ญ
ใป
0
333
2
- ๋ฏธํด๊ฒฐ
๊ฐ๋ฐํด ์ง๋ฌธ๋๋ฆฝ๋๋ค.
์๋ ํ์ธ์. ์ข์ ์์ ๊ฐ์ฌํฉ๋๋ค. ์ด ๊ฐ์์์ ์ด์ฉํ ๊ฐ๋ฐํด์ ๋ฌด์์ธ๊ฐ์?
HTML/CSS์๋ฒ๊ทธ๋ฆฐ
ใป
2
275
1
- ๋ฏธํด๊ฒฐ
display grid row ๊ด๋ จ ๋ฌธ์ ๋๋ฆฝ๋๋ค.
grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; ์์ div 1๊ฐ ํ์ div 9๊ฐ ๊ฐ ์๋ค๊ณ ํ ๋<
HTML/CSScastinglife
ใป
0
220
0
- ๋ฏธํด๊ฒฐ
ํ ์ด๋ธ ๋์์ธ ๋ฌธ์ ๋๋ฆฝ๋๋ค.
<img src="https://cdn.inflearn.com/public/files/posts/f08c2369-afa5-4e13-a52c-04aa6248db91/แแ ณแแ ณแ แ ตแซแแ ฃแบ 2020-02-28 แแ ฉแแ ฅแซ 8.39.07.jpg" title="แแ ณแแ ณแ แ ตแซแ
HTML/CSScastinglife
ใป
0
507
2
- ํด๊ฒฐ
default.css
2๋ฒ์งธ ๊ฐ์์์ header ์ก๋๋ฐ default.css๋ฅผ ๊ฐ์๊ธฐ ์ฐ์๋ค์... ์ด๋์ ๋ํ๋๊ฑด๊ฐ์...
HTML/CSS์ต์ต
ใป
1
833
4






