Banner

My Tech Blog (ํ˜•์ œ)

์˜ค๋Š˜์˜ ๋ช…์–ธ
" ๋‚™๊ด€์ฃผ์˜์ž๋Š” ๋ชจ๋“  ๊ธฐํšŒ์—์„œ ์–ด๋ ค์›€์„ ๋ณด์ง€๋งŒ, ๋น„๊ด€์ฃผ์˜์ž๋Š” ๋ชจ๋“  ์–ด๋ ค์›€์—์„œ ๊ธฐํšŒ๋ฅผ ๋ณธ๋‹ค. "
- ์œˆ์Šคํ„ด ์ฒ˜์น  (์˜๊ตญ ์ด๋ฆฌ, ์ •์น˜๊ฐ€)
[html&css] โšก CSS์˜ ์„ ํƒ์ž ์ด์ •๋ฆฌ, ์„ ํƒ์ž ์šฐ์„ ์ˆœ์œ„ !
ยท ํ”„๋กœ๊ทธ๋ž˜๋ฐ์–ธ์–ด/html&css
1. CSS ์„ ํƒ์ž ํ•œ ๋ˆˆ์— ๋ณด๊ธฐ ์„ ํƒ์ž์˜ˆ์‹œ์„ค๋ช…ํƒœ๊ทธ ์„ ํƒ์žh1ํƒœ๊ทธ๋กœ ์š”์†Œ๋ฅผ ์„ ํƒ์ „์ฒด ์„ ํƒ์ž* (์œ ๋‹ˆ๋ฒ„์…œ ์„ ํƒ์ž)๋ชจ๋“  ์š”์†Œ๋ฅผ ์„ ํƒdiv *ํŠน์ • ์š”์†Œ์˜ ์ž์‹ ์š”์†Œ ๋ชจ๋‘ ์„ ํƒํด๋ž˜์Šค ์„ ํƒ์ž.slideํด๋ž˜์Šค๋ช…์œผ๋กœ ์š”์†Œ๋ฅผ ์„ ํƒ์•„์ด๋”” ์„ ํƒ์ž#logo์•„์ด๋””๋ช…์œผ๋กœ ์š”์†Œ๋ฅผ ์„ ํƒํ›„์† ์„ ํƒ์ž.slide h2, .slide .btnํ›„์†(์ž์†) ์š”์†Œ๋ฅผ ์„ ํƒ์ž์‹ ์„ ํƒ์ž.slide > div์•ž ์„ ํƒ์ž์˜ ๋ฐ”๋กœ ๋ฐ‘ ์ž์‹ ์š”์†Œ ์„ ํƒ์ธ์ ‘ํ˜•์ œ ์„ ํƒ์ž.banner + div์•ž ์„ ํƒ์ž์˜ ํ˜•์ œ ์š”์†Œ ๋ฐ”๋กœ ๋‹ค์Œ ์š”์†Œ ์„ ํƒ.banner ~ div์•ž ์„ ํƒ์ž์˜ ํ˜•์ œ ์š”์†Œ ์ค‘ ๋‘ ๋ฒˆ์งธ ์š”์†Œ ๋ชจ๋‘ ์„ ํƒ๊ทธ๋ฃนํ™”h1, h2color: red์ฝค๋งˆ๋กœ ์„ ํƒ์ž๋ฅผ ๋‚˜์—ดํ•˜์—ฌ ์„ ํƒ์†์„ฑ ์„ ํƒ์ža[target], a[target="_blank"]์†์„ฑ๋ช… ๋˜๋Š” ์†์„ฑ๋ช…์˜ ๊ฐ’์œผ๋กœ ์š”์†Œ..
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”