일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- Eclipse
- IPO
- Oracle
- 코드이그나이터
- 자바
- jquery
- css
- 제이쿼리
- 맥
- 주식 청약 일정
- html
- Stock ipo
- 7월 공모주 청약 일정
- MYSQL
- 자바스크립트
- 주식 청약
- Stock
- php
- 공모주
- 리눅스
- 공모주 청약 일정
- linux
- JavaScript
- JSTL
- 주식
- 공모주 청약
- 오라클
- java
- SQL
- codeigniter
- Today
- Total
목록개발/html & css (107)
개발자의 끄적끄적
[html/css] html video tag no download example / html 비디오 태그 다운로드 방지 설정 방법 html 에서 video 태그를 이용하여 영상을 표시하다보면 컨트롤바를 이용합니다. 그 컨트롤바의 내용중 다운로드버튼을 숨기고 싶은경우에는 아래나와있는 옵션을 추가하시면 됩니다. controlsList="nodownload" 옵션이 추가된 video 태그는 아래와 같습니다! 참고들 하세요!
[html/css] div 태그에 세로영역 스크롤 생성하는 방법 html 에서 특정 태그의 영역중 세로 영역을 고정하고 안에 들어가는 내용이 많을 경우 스크롤을 표시하고 싶을때가 있습니다. 예를 들어 아래와 같이 세로값이 200px 인 div가 있다고 가정하고, 세로영역에 스크롤을 적용하고 싶으면 아래와 같이 overflow-y:scroll 을 추가해주시면 됩니다! 참고들 하세요!
[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 즉, 파라미터를 붙여주시면 됩니다! 참고들 하세요!