์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- ์ฐ
- ๋ฐฑ์ค11053 #ํ์ด์ฌ #python
- StringBuffer
- ์คํ์์ด
- ๋ฌธ์์ด
- ๋ฐฑ์ค9012
- ์ฟ ํกDB
- ์คํ
- ์๋ฐ
- ๋ฐฑ์ค1874
- ๋
- ์ฟ ํกERD
- ๋ฐ์ดํฐํ์
- ์คํธ๋ฆผ
- ๋ฐฑ์ค9093
- stream
- ํ๋ฐฉ์ฟผ๋ฆฌ
- StringBuilder
- java
- ์ฐ์ฐ์
- ๋ฐฐ์ด
- ์
- Today
- Total
๋ชฉ๋กWEB(html,css,js) (3)
Tech Log ๐ ๏ธ
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/XEWPG/btsbTWzB8Mk/cSCGbZ9dvCE3Z8z47J4Ux1/img.png)
HTML ๊ธฐ์ด ๊ฐ๋ HTML5 ํ์ด์ง์ ํ์ ํ๊ทธ - html ํ๊ทธ ์ ์ ์ด์ ์ ์ ์ธ - html ๋ฌธ์์์ ๋ธ๋ผ์ฐ์ ์๊ฒ ์๋ ค์ค๋ค. ,,, - html ์ ํ์ ํ๊ทธ๋ค - ์์ ํ๊ทธ์ ์ข ๋ฃ ํ๊ทธ๊ฐ ๋ชจ๋ ์์ด์ผํ๋ค. ๋ฐ๋ฉด ์์ ํ๊ทธ๋ง ์๋ ํ๊ทธ๋ค๋ ์๋ค. ex) , *ํ๊ทธ์ ์์ฑ์ ๋์๋ฌธ์ ๊ตฌ๋ถ์ด ์๋ค! *๋ถํ์ํ ๊ณต๋ฐฑ์ ๋ฃ์ง ๋ง์ ๋ธ๋ก ํ๊ทธ์ ์ธ๋ผ์ธ ํ๊ทธ ๋ธ๋ก ํ๊ทธ๋, ํญ์ ์ ๋ผ์ธ์์ ์์ํ๋ ํ๊ทธ๋ฅผ ์๋ฏธํ๋ค. ex) ,,, ์ธ๋ผ์ธ ํ๊ทธ๋ , ์ ๋ค ํ๊ทธ์ ๋ด์ฉ์ ๊ฐ์ ๋ผ์ธ์ ์ถ๋ ฅํ๋ค. ex),,, * ์ ๋ ๋๊ฐ์ด ๋ธ๋ก ํ๊ทธ์ด์ง๋ง ์ฌ์ฉ ๋ชฉ์ ์ด ๋ค๋ฅด๋ค. ํ๊ทธ๋ ๋ฌธ์ ๋จ๋ฝ์ ๊ตฌ๋ถํ๋ ์ฉ๋์ด๊ณ , div๋ ๋ ์ด์์ ๊ณ์ธต ๋๋๊ธฐ ์ฉ๋์ด๋ค. ๋ฉํ๋ฐ์ดํฐ ๋ฉํ๋ฐ์ดํฐ๋ , ๋ฐ์ดํฐ๋ฅผ ์ค๋ช ํ๋ ๋ฐ์ดํฐ์ด๋ค. ex) - ์น..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bWQ2HY/btr8NCwxpmB/iWP1tE4y8Qof7BAUzySKAK/img.png)
์๋ฒ ๋๋ IOT ์์ ์ค ์งํ ๋ ์ค์ต ๋ด์ฉ์ ๊ธฐ๋ฐ์ผ๋ก ์ ์ํ์์ต๋๋ค. (์ฐธ๊ณ ์๋ฃ : ๋ช ํ HTML5+CSS3+Javascript ์น ํ๋ก๊ทธ๋๋ฐ, ์๋ฅ์ถํ์ฌ) 1.CSS ๋ฅผ ์ด์ฉํ ๋ฆฌ์คํธ ํ์ด์ง ์ ์ - CSS ์ hover ์์ฑ๊ณผ first-letter ์์ฑ์ ์ด์ฉํ์ฌ ๋ฆฌ์คํธ ํ์ด์ง๋ฅผ ์ ์ hover : ๋ง์ฐ์ค๋ฅผ ์ฌ๋ ธ์ ๋์ ์์ฑ์ ์ค์ . (CSS ๋ฆฌ์คํธ์ ๋ง์ฐ์ค๋ฅผ ์ฌ๋ ธ์ ๊ฒฝ์ฐ ์ด๋ก์์ผ๋ก ๋ณํจ) first-letter : ์ฒซ ๋ฒ์งธ ๊ธ์๋ง ์์ฑ์ ์ ์ฉ. ๋๋ณด๊ธฐ ์ฝ๋ Web Programming 2ํ๊ธฐ ํ์ต๋ด์ฉ HTML5 CSS JAVASCRIPT 60์ ์ดํ๋ F! 2.ํ ์คํธ์ ๋ฐ์ค์ shadow ์์ฑ ์ ์ฉ - text - shadow ex) text-shadow2px 2px 10px black box ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/cWepP6/btr6RYuhRM4/fkz8n1aLFaDvtheTj2f3S1/img.png)
์๋ฒ ๋๋ IOT ์์ ์ค ์งํ ๋ ์ค์ต ๋ด์ฉ์ ๊ธฐ๋ฐ์ผ๋ก ์ ์ํ์์ต๋๋ค. (์ฐธ๊ณ ์๋ฃ : ๋ช ํ HTML5+CSS3+Javascript ์น ํ๋ก๊ทธ๋๋ฐ, ์๋ฅ์ถํ์ฌ) 1. ๋ฒํผ ํ์ด์ง ์ฝ๋ ๋๋ณด๊ธฐ DOCTYPE html> ๋ฒํผ์ ๋ง๋ค์ ๋ฒํผ์ ๋ง๋ค์             2. ์๋งจํฑ ํ๊ทธ ๊ตฌ๋ถ ํ์ด์ง ์ฝ๋ ๋๋ณด๊ธฐ DOCTYPE html> HTML5 ๋ฌธ์ ๊ตฌ์กฐ ์๋งจํฑ ํ๊ทธ ์ฌ์ฉ html, body { margin: 0; padding: 0; height: 100%; } /* html , body ํ๊ทธ์ ์์ฑ css ์์ฑ ์ ์ฉ margin : 0 -> ํ ๋๋ฆฌ์ ์์ ์ฌ์ด ๊ฐ๊ฒฉ ์ค์ , 0์ด๋ฏ๋ก ๊ฐ๊ฒฉ ์์ padding : 0 -> ํ ๋๋ฆฌ์ ๋ด์ฉ ์ฌ์ด ๊ฐ๊ฒฉ ์ค์ , 0์ด๋ฏ๋ก ..