일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- JSTL
- 공모주 청약 일정
- 주식
- 공모주
- MYSQL
- Oracle
- 7월 공모주 청약 일정
- Stock
- 주식 청약
- IPO
- SQL
- Eclipse
- 코드이그나이터
- 주식 청약 일정
- 공모주 청약
- 리눅스
- jquery
- 자바스크립트
- linux
- codeigniter
- JavaScript
- Stock ipo
- php
- css
- 맥
- java
- 제이쿼리
- html
- 자바
- 오라클
- Today
- Total
목록css (58)
개발자의 끄적끄적
[html/css] css 크기 단위인 px 와 em 의 차이 css 에서 크기를 나타내는 단위중 px / em 이라는 단위를 많이 사용합니다. 이번에는 간단하게 두개의 단위가 뭔지 공유해보려고 합니다! px : 화소 단위 em : 부모요소의 크기에 따라 변화되는 배수단위 위 내용 확인해보시면 아시겠지만! px 은 부모사이즈와 관계없이 화소 고정값이고 em 은 부모에 따라 변화될수 있다는걸 확인할 수 있습니다. 참고들 하세요!
[html/css] css library site / css 라이브러리 사이트 [링크] css 를 이용하여 html 페이지를 디자인 하다보면 라이브러리들을 참고하는 방법도 디자인의 방법 중 하나라고 생각됩니다! 다양한 라이브러리들을 참고해야 할때 참고할만할 사이트가 있어서 공유해보려고 합니다! 아래 링크 들어가보시면 여러가지 다양한 스타일들이 있으니 참고들 하세요! css library site url : http://www.dynamicdrive.com/style/ Dynamic Drive CSS Library- Practical CSS codes and examples Welcome to Dynamic Drive's new CSS library! Here you'll find original, pra..
[html/css] html 페이지 확대/축소 허용하는 방법 html 에서 특정 페이지를 확대 혹은 축소를 허용해야 하는 경우가 있습니다. 그럴때는 아래와 같이 user-scalable 속성을 yes로 추가하시면 됩니다. user-scalable=yes 위에 나온 속성을 아래와 같이 meta viewport 에 추가하고 maxium-scale 를 1.0 보다 크게 입력해주시면 됩니다! 참고들 하세요!
[html/css] css 말줄임 표기하는 속성 css 를 사용하다 보면 특정 영역에서 말줄임 표시를 사용하고 싶은 경우가 있습니다. 텍스트가 많이 표기되는데 영역만큼만 표기하고 나머지는 ... 으로 표기해야 하는 경우일 텐데요. 그럴때는 아래 css 속성을 추가해주시면 됩니다! white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 참고들 하세요!
[html/css] css input disabled example / css input 비활성화 색상 설정하는 방법 css 에서 input 박스에 disabled 를 추가했을 경우 박스 안의 색상을 설정하고 싶은 경우가 있습니다. 사용자가 비활성화 상태인지 쉽게 구분하게 하기 위해서 색상에 차이를 두곤 하는데요! 그럴때는 해당 페이지에 로드되는 css 파일에 아래 내용을 추가하거나 해당 페이지에 아래 css 를 텍스트로 추가하시면 됩니다. input:disabled { background: #F0F0F0; } 참고들 하세요!
[html/css] html img tag 변경된 이미지 바로 반영시키는 방법 html 에서 이미지를 다루다 보면 서버에 동일한 파일명으로 이미지 파일을 변경하는 경우가 있습니다. 그럴때 대부분 일정시간이 지나면 캐싱이 초기화되서 정상적으로 반영되지만, 바로 반영을 시켜야 하는 경우가 있습니다. 그럴때는 아래와 같이 하시면 됩니다. 우선 아래와 같이 img 태그가 있다고 가정하고, 서버에 갱신된 같은 파일명의 이미지 파일을 반영하고 싶으면 아래와 같이 파일 src 뒤에 ?v=1 즉, 파라미터를 붙여주시면 됩니다! 참고들 하세요!
[html/css] html meta viewport example / html 이미지 확대 막는 방법 html 에서 특정 사이트는 이미지 확대가 안되게 막혀있는 경우가 있습니다. 바로 meta 태그중 viewport 라는 값 때문인데요, 이번에는 이미지 확대를 막는 방법을 공유해보겠습니다. 아래와 같이 meta viewport 를 하나 작성합니다. 그리고 위 meta tag 에 아래 나와있는 내용을 추가합니다. user-scalable=no 정상적으로 추가가 되면 아래와 같이 meta 태그가 작성되어 있어야 합니다! 그리고 새로고침 후 다시 확인해 보시면 확대가 안되는것을 확인할 수 있습니다! 참고들 하세요!