Banner

My Tech Blog (์šฐ์„ ์ˆœ์œ„)

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