๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ’š UIUX ์›นํผ๋ธ”๋ฆฌ์…” ๊ณผ์ •(6๊ฐœ์›”)

2021-04-15 (3์ผ์ฐจ) ํ…Œ์ด๋ธ” ๊ฐœ๋…, a(๋งํฌ), br(๋„์–ด์“ฐ๊ธฐ), ์  ์ฝ”๋”ฉ(emmet), ํ›„์†์„ ํƒ์ž์™€ ์ž์‹์„ ํƒ์ž

by widely design 2021. 4. 15.

12๊ฐ•~18๊ฐ•

 

#๋ฌธ์ œ. ๋‹ค์Œ ๊ธ€์ž๋ฅผ ์˜ˆ์‹œ์™€ ๊ฐ™์€ ์Šคํƒ€์ผ๋กœ ๋งŒ๋“ค์–ด์ฃผ์„ธ์š”.

 

- ํ…Œ์ด๋ธ” ๊ฐœ๋…  (ํ‘œ ๋งŒ๋“ค๊ธฐ)

 

#๋ฌธ์ œ. display ์†์„ฑ๊ณผ ๊ด€๋ จ๋œ ๋ฌธ์ œ๋ฅผ ํ’€์–ด์ฃผ์„ธ์š”.

 

- a(๋งํฌ)ํƒœ๊ทธ์™€ br(๋„์–ด์“ฐ๊ธฐ)ํƒœ๊ทธ

 

- ์  ์ฝ”๋”ฉ์œผ๋กœ ๋„ค์ด๋ฒ„, ๊ตฌ๊ธ€, ๋‹ค์Œ ๊ฐ€๋Š” ๋งํฌ ๋งŒ๋“ค๊ธฐ

 

์  ์ฝ”๋”ฉํ•  ๋•Œ href์™€ target ๊ตฌ๋ถ„ํ•ด์„œ ์จ์ฃผ๊ธฉ

 

- ํ›„์† ์„ ํƒ์ž ๊ฐœ๋…๊ณต๋ถ€

 

    - ' '๋„์–ด์“ฐ๊ธฐ : ํ›„์†์„ ํƒ์ž

      ex) div a = div์˜ ํ›„์† a        (div ์•„๋ž˜์— ์žˆ๋Š” a ๋ชจ๋‘ ํ•ด๋‹น)

 

    - '>' ๊บฝ์ƒˆ : ์ž์‹์„ ํƒ์ž

      ex)div > a = div์˜ ์ž์‹ a      →(div ๋ฐ”๋กœ ์•„๋ž˜์— ์žˆ๋Š” a๋งŒ ํ•ด๋‹น)

๋Œ“๊ธ€