CSS 3

[JSP] JSPλ₯Ό μ΄μš©ν•œ κ²Œμ‹œνŒ λ§Œλ“€κΈ° - 02. 둜그인 νŽ˜μ΄μ§€ λ””μžμΈ

둜그인 νŽ˜μ΄μ§€λŠ” λΆ€νŠΈ μŠ€νŠΈλž©μ„ μ΄μš©ν•˜μ—¬ λ””μžμΈ ν•œλ‹€. 1. λΆ€νŠΈμŠ€νŠΈλž© μ„€μΉ˜ λΆ€νŠΈμŠ€νŠΈλž©μ€ μ›Ήμ‚¬μ΄νŠΈλ₯Ό μ‰½κ²Œ λ§Œλ“€ 수 있게 λ„μ™€μ£ΌλŠ” CSS, JS ν”„λ ˆμž„μ›Œν¬μ΄λ‹€. μ°Έκ³  κ°•μ˜μ—μ„œ λΆ€νŠΈμŠ€νŠΈλž© 3.3.7 을 μ‚¬μš©ν•˜κΈ° λ•Œλ¬Έμ— ν•΄λ‹Ή 버전을 μ‚¬μš©ν–ˆλ‹€. μ•„λž˜ ν™ˆνŽ˜μ΄μ§€μ— λ“€μ–΄κ°€ λΆ€νŠΈμŠ€νŠΈλž©μ„ λ‹€μš΄λ‘œλ“œν•˜λ©΄ css, js, font 폴더가 보인닀. https://getbootstrap.com/docs/3.3/getting-started/#download Getting started Β· Bootstrap Bootstrap is downloadable in two forms, within which you'll find the following directories and files, logically grouping common ..

Programming/JSP 2022.11.20

[Html] μ€„λ°”κΏˆ κΈ°λŠ₯을 ν•˜λŠ” p νƒœκ·Έ, br νƒœκ·Έ

HTML μ—μ„œ νƒœκ·ΈλŠ” ν•˜λ‚˜μ˜ 문단을 λ§Œλ“€ λ•Œ 쓰인닀. (μ• μ΄ˆμ— p 의 μ˜λ―Έκ°€ paragraph) 문단과 문단 μ‚¬μ΄μ—λŠ” μžλ™ μ€„λ°”κΏˆμ΄ μ μš©λœλ‹€. μ—¬κΈ°μ„œ νƒœκ·Έμ™€μ˜ 차이점은, νƒœκ·ΈλŠ” 'κ°•μ œ'둜 μ€„λ°”κΏˆμ„ μ μš©ν•˜μ—¬ νƒœκ·Έκ°€ λ“€μ–΄κ°„ μœ„μΉ˜μ— μ€„λ°”κΏˆμ΄ μ μš©λœλ‹€. pνƒœκ·Έλ₯Ό μ“°λ©΄ λ¬Έλ‹¨μœΌλ‘œ μΈμ‹ν•˜λ‹ˆκΉŒ μ΄λ ‡κ²Œ μ€„λ°”κΏˆμ΄ λ©λ‹ˆλ‹€. pνƒœκ·Έ 없이 μ€„λ°”κΏˆμ„ μ›ν•˜λ©΄ br νƒœκ·Έλ₯Ό μ‚¬μš©!! λž„λž„λΌ

[Html]] span νƒœκ·Έ

λ‚΄μš© νƒœκ·ΈλŠ” νŠΉλ³„ν•œ κΈ°λŠ₯을 κ°–μ§€ μ•Šμ§€λ§Œ, μ›Ή νŽ˜μ΄μ§€μ˜ 일뢀뢄에 μŠ€νƒ€μΌμ„ μ μš©μ‹œν‚¬ λ•Œ μœ μš©ν•˜κ²Œ μ‚¬μš©λœλ‹€. νƒœκ·Έλ‘œ μš”μ†Œλ₯Ό 감싸면 CSSλ‚˜ Javascript둜 κ·Έ 뢀뢄을 λ³€ν˜•μ‹œν‚€λŠ”κ²ƒμ΄ κ°€λŠ₯ν•˜κΈ° λ•Œλ¬Έμ΄λ‹€. * νƒœκ·Έμ™€ λ‹€λ₯Έ 점은, span νƒœκ·ΈλŠ” μ•ˆμ— λ‚΄λΆ€ 객체가 λ“€μ–΄κ°€λ©΄ κ·Έ 객체의 크기만큼 할당이 되고, μ€„λ°”κΏˆμ΄ λ˜μ§€ μ•Šμ§€λ§Œ div νƒœκ·ΈλŠ” μ€„λ°”κΏˆ μ²˜λ¦¬λœλ‹€. span 예제1 예제3은 μ΄λ ‡κ²Œ μ„€μ •ν–ˆμŠ΅λ‹ˆλ‹€.ν•˜λ‚˜λ‹˜μ΄ λ³΄μš°ν•˜μ‚¬ μš°λ¦¬λ‚˜λΌ λ§Œμ„Έ 예제4λŠ” μ΄λ ‡κ²Œ >>> μ‹€ν–‰ κ²°κ³Ό

1
728x90