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

2021-04-19 (7์ผ์ฐจ) ์ƒ๋‹จ ๋ฉ”๋‰ด ๊ตฌํ˜„

by widely design 2021. 4. 20.

31๊ฐ•~34๊ฐ•

 

#๋ฌธ์ œ. BMX ์‚ฌ์ดํŠธ์˜ ์ƒ๋‹จ ๋ฉ”๋‰ด๋ฅผ   ์—†์ด  ๊ตฌํ˜„ํ•ด๋ณด์‹œ์˜ค.

 

#๋ฌธ์ œ. BMX ์‚ฌ์ดํŠธ์˜ ์ƒ๋‹จ ๋ฉ”๋‰ด๋ฅผ   ์—†์ด, ๊ฐ ๋„ˆ๋น„๊ฐ€ ๋™์ผํ•˜๊ฒŒ ๊ตฌํ˜„ํ•ด๋ณด์‹œ์˜ค.

  - ๋ฉ”๋‰ด์˜ ๊ตฌ์กฐ : section>a*7

    - a ์— width ๋ฅผ ์ ์šฉํ•˜๋ ค๋ฉด, display ์†์„ฑ์„ inline-block ์ด๋‚˜ block ์œผ๋กœ ์ง€์ •

 

#๋ฌธ์ œ. BMX ์‚ฌ์ดํŠธ์˜ ์ƒ๋‹จ ๋ฉ”๋‰ด๋ฅผ 5๋ถ„ ์•ˆ์— ๊ตฌํ˜„ํ•ด๋ณด์‹œ์˜ค.

  - ๋ฉ”๋‰ด์˜ ๊ตฌ์กฐ : section>nav*7>a

  - ๋ฉ”๋‰ด์˜ ๊ตฌ์กฐ : section>({|}+nav>a[href="#"]{๋ฉ”๋‰ด์•„์ดํ…œ $})*7+{|}

    - ๋ฉ”๋‰ด ์•„์ดํ…œ์•ˆ์— ์žˆ๋Š” a์— display:block

 

๋Œ“๊ธ€