CSS ๊ธฐ๋ณธ๋ถํฐ ํ์ฉ๊น์ง
CSS๋ HTML์ ์๋ฆ๋ต๊ฒ ๊พธ๋ฉฐ์ฃผ๋ ๋์์ด๋์ ์ธ์ด์ ๋๋ค. CSS๋ ๋์งํธ ์ปจํ ์ธ ๋ฅผ ์์ฐํ๋ ์ฌ๋๋ค์๊ฒ๋ ๋ถ ์ง๊ณผ ๊ฐ์ ๊ฒ์ด ์๋๊น ์ถ์ต๋๋ค. ์ด ์์ ์์๋ ๋์งํธ ๋ถ ์ง์ ํ๋ ๋ฒ์ ์๋ ค๋๋ฆฝ๋๋ค.
์๊ฐ์ 9,963๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ

- ๋ฏธํด๊ฒฐ
border ์ ๊ฒน์นจ ํ์
์ฌ๋ฌ ์์์ border ์ ์ด ๊ฒน์ณ์ ๋๊ป๊ฒ ๋ณด์ผ๋, ๊ฐ์ ์์์์๋ margin ๊ฐ์ ์ด์ฉํ๋ผ๊ณ ํ๋๋ฐ์.. left๋ right ๊ฐ์ -1px๋ก ํ์ ๋ ํ์์ด ์ฌ๋ผ์ง์ง ์๋ ๊ฑด ์์ผ๊น์?3 ์์๊ฐ ํ ํ์ ์ ๋ ฌ๋์ด ์์ ๋, ๊ฒน์น๋ ๋ ๊ฐ์ ๋ฉด(
htmlcssborder์ด์ฐ์
ใป
0
155
1
- ๋ฏธํด๊ฒฐ
<style>์์ nav,aside
์์ nav,aside ๋ฐ๋ก ํ ๋๋ .container nav, .container aside๋ก ํ๊ณ ๋ ๊ฐ ๊ฐ์ด ๋ฌถ์ด์ ํ ๋๋ ๊ทธ๋ฅ nav,aside๋ก ์ฐ๋ ์ง ๊ถ๊ธํฉ๋๋ค..container๋ฅผ ์ ๋ถ์ฌ๋ ๋๊ฐ์ด ์คํ๋๊ฐ์ง๊ณ
HTML/CSSMINJU FISH
ใป
0
87
0
- ๋ฏธํด๊ฒฐ
์ง๊ธ์ ์ ๋งํฌ์ filter playground๊ฐ ์ง์์์ํ๋๊ฒ ๊ฐ์์~
์ํ์ฝ๋ฉ ๋ด ๋งํฌํตํด ๋ค์ด๊ฐ๋๋ฐ ์ ์์๊ฐ ๋ง๋ ๋ค๋ฅธ์ฌ์ดํธ๋ก ์ด๋ํ๋๋ผ๊ตฌ์. ๊ทผ๋ฐ ๊ฑฐ๊ธฐ์๋ ์์ ์ ์ฌ์ดํธ๋ ์ด์ ์๋๋ด์. ํน์ ์ฐพ์ผ์ ๋ถ ๊ณ์๋ฉด ๊ณต์ ํด์ฃผ์ธ์~
HTML/CSSkiri lee
ใป
0
83
1
- ๋ฏธํด๊ฒฐ
flex - holy grail layout
์ค์ต ํด๋ณด๋๋ฐ css ์ค์ ์ ๋ ฌ์ด ์๋๋๋ผ๊ตฌ์ ๊ทธ๋์ ๋ญ๊ฐ ํ๊ณ ๋ดค๋๋ doctype๋ถ๋ถ์์๋ง ์ฐจ์ด๊ฐ ์๋๋ฐ ์คํ๋ ค doctype์ ์ ์ธํ์ง ์์ผ๋๊น ์ค์ ์ ๋ ฌ์ด ๋ผ์. ์ด๊ฒ ์ ์ด๋ด๊น์?<img src="https://cdn.inflearn.com/public/
HTML/CSSแแ
ใป
0
360
1
- ๋ฏธํด๊ฒฐ
Flex 4 : holy grail layout
๋ ์ด์์์ ํฐ ํ์ ์ก์ ๋ ๋ฌด์กฐ๊ฑด flex๋ฅผ ์ฌ์ฉํด์ผํ๋ ๊ฒ์ธ๊ฐ์???
HTML/CSS์๋ฒ๋
ใป
0
397
1
- ๋ฏธํด๊ฒฐ
์ค์ body์ ๋์ด๊ฐ์ ์์ฃผ์ จ๋๋ฐ ์ด๋ป๊ฒ align-items๊ฐ ์ ์ฉ์ด ๋์ จ๋์?
์ ๋ ๊ทธ๊ฒ ์๋์ ์ฐพ์๋ณด๋๊น ๋์ด๊ฐ์ด ํ์ํ๋ค๊ณ ํ๋๋ผ๊ตฌ์.์ค์ ๋์ด๊ฐ์ ์์ฃผ์ ๊ฒ ๊ฐ์๋ฐ ์ด๋ป๊ฒ ๊ทธ๊ฒ ๋์ จ๋์?
HTML/CSSjjahrami85
ใป
0
326
1
- ๋ฏธํด๊ฒฐ
๊ตณ์ด display:flexํ๊ณ flex-direction:column์ผ๋ก ํ ์ด์ ๊ฐ ๊ถ๊ธํฉ๋๋ค!
7,8๋ฒ์งธ ์ค์ด์!๊ตณ์ด ์ ๋ ๊ฒ ํ์ง ์์๋ ๊ตฌํํ ์ ์์ง ์๋์?
HTML/CSS์ฌ์ ์ง
ใป
0
298
0
- ๋ฏธํด๊ฒฐ
pํ๊ทธ๋ผ๋ฆฌ ๋ง์ง์ ์ฃผ์ง ์์๋๋ฐ ์ฌ์ด ๊ฐ๊ฒฉ
<s
๋ง์ง๋ธ๋ญHTML/CSSpํ๊ทธcss753cindy
ใป
0
461
0
- ๋ฏธํด๊ฒฐ
css์์ -flex 4:holy grail layout
<
holygraillayoutcssHTML/CSSflexbrenda524
ใป
0
280
1
- ๋ฏธํด๊ฒฐ
color:blue;
#lecture>li{ border:1px solid red; color:blue; ์ด๋ ๊ฒ ์
HTML/CSSgeezizi_
ใป
0
183
0
- ๋ฏธํด๊ฒฐ
์ง๋ฌธ์์ต๋๋ค.
pํ๊ทธ์์ border ; ํฌ๊ธฐ ์ ๋ชจ์ ์ ์์ ์ด๋๋ฐ border; ์ ์์ ํฌ๊ธฐ ์ ๋ชจ์ ์ด๋ ๊ฒ๋ ์ ์ฉ์๋๋์?
HTML/CSSGARDENER M
ใป
0
168
0
- ๋ฏธํด๊ฒฐ
flex ๊ตฌํ์ด ์๋์. ์์ค ๊ทธ๋๋ก ๋ณต์ฌ ๋ถ์ด๊ธฐํ๋๋ฐ๋๊ทธ๋์
๋์์ ๋ฐ์ ์๋ ์ฝ๋ ๊ทธ๋๋ก ๋ณต์ฌ ๋ถ์ด๊ธฐํ๋๋ฐ๋ ์ ์ปดํจํฐ์ ํฌ๋กฌ,์ต์คํ๋ก์ด ๋ ๋ค์์๋ ์ ๋๋ก ๊ตฌํ์ด ์๋๋ ์ด์ ๋ฅผ ๋ชจ๋ฅด๊ฒ ์ด์...๋ญ๊ฐ ๋ฌธ์ ์ผ๊น์; ๊ฐ์ ์๋ฌด๋ฆฌ ๋ฐ๊ฟ๋ด๋ ๊ณ์ ๋๊ฐ์, ์๋์ ๊ฐ์ ๋ชจ์ต์ด์์. ์ค์ด๋ค์ด์ผํ ๋ถ๋ถ์ด ๊ฟ์ฉ๋
HTML/CSStt t
ใป
1
311
0
- ๋ฏธํด๊ฒฐ
delay๊ฐ ์๋์ ์ํ๋ค์..
a{ font-size: 3rem; display: inline
HTML/CSSnomad p
ใป
0
181
0
- ๋ฏธํด๊ฒฐ
6:19 ๋์๋งํค๋๋ฒ
๋์๋ง ํค๋ ๋จ์ถํค๊ฐ ๋ฌด์์ธ๊ฐ์?
HTML/CSSnomad p
ใป
0
200
0
- ๋ฏธํด๊ฒฐ
์์ฑ๋ณต์ฌ ๋ถ์ฌ๋ฃ๊ธฐ ๊ธฐ๋ฅ 6:26
6:26 ์ฆ์์ grayscale(100%)์ ๋ฐ์ ๋ ์ค์ ๋๊ฐ์ด ๋ถ์ฌ๋ฃ๊ธฐ ํ์ จ๋๋ฐ ์ฌ์ฉํ์ ๋จ์ถํค๊ฐ ๋ฌด์์ธ๊ฐ์? 6:54 ์๋ 0%๋ง ๋ ๋ค๊ฐ์ด ํ๋ฒ์ ๋ฐ๊ฟ์ฃผ์ จ๋๋ฐ ์ฌ์ฉํ์ ๊ฑฐ๊ฐ์๋ฐ ๋จ์ถํค๊ฐ ์๊ณ ์ถ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ 7:25์ we
HTML/CSSnomad p
ใป
1
192
0
- ๋ฏธํด๊ฒฐ
05:09
๋ง์ง ๋ฐํ ๊ฐ์ด 100์ดํ ๋๋ถํฐ ์์ง์ด์ง ์๋๋ค๊ฐ ์ณ์ง ์๋์?
HTML/CSSjun kwon
ใป
0
178
0
- ๋ฏธํด๊ฒฐ
์ด๊ณ ์ ์ ์๋ ๊ฐ์ ์ฐจ์ด๊ฐ ๋ฌด์์ธ๊ฐ์?
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; font-size: 16px; line-height: 1.6; color: #000a12; font-family: 'Spoqa Han Sans', 'A
HTML/CSS์์ฑ์ ์์
ใป
0
303
1
- ๋ฏธํด๊ฒฐ
ํ๊ทธ ๋จ์ถํค
#small+#large ์ ๊ณ ๋ฐ๋ก ํ๊ทธ๋ก ๋ง๋๋ ๋จ์ถํค๊ฐ ์๋์??
HTML/CSS์ ์ฌ์ฑ[์์ ํ๋ถ]
ใป
0
292
0
- ๋ฏธํด๊ฒฐ
์ด๋
๋ก ํ๊ณ bpdy{ display: flex; align-items: center; } ์ด๋ ๊ฒ ํ๋ฉด ๋ณํ๊ฐ ์๋๋ฐ ํ์ด์ง์์ค๋ณด๊ธฐ๋ก ํ์ธํด๋ณด๋ body์ ํฌ๊ธฐ๊ฐ bo
HTML/CSS๋ฐ์ ํ
ใป
5
360
4
- ๋ฏธํด๊ฒฐ
๋ง์ง๋ง์ ๋ง์ํ์ ์ธํฌ๊ทธ๋ํฝ์....?
์ค๊ฐ์ ๋๊ฒผ๋์ง ์ธํฌ๊ทธ๋ํฝ์ด ์๋์ค๋ค์ ใ
HTML/CSSSoo Min Lee
ใป
4
198
0






