본문 바로가기

html7

[css] html css float 속성 float 란 공간차지에서 다른 요소 배치에 영향을 주지 않는 요소 묶음 태그에 float속성 사용이 가능. 등... 속성값 left : 왼쪽에 배치 right : 오른쪽에 배치 none : 띄우지 않음 float 값이 없는 경우 태그는 한줄 전체를 차지하여 table이 세로로 표현됨 style="float:left" style="float:right" 값을 각 테이블에 설정하게된다면? 한줄로 표현이 가능하다. 2019. 8. 27.
[HTML + CSS] jquery validate input 태그 비밀번호 조합 설정 1. 목적 회원가입이 최근에 다양한 방법의 문자조합을 가지고 있습니다. 비밀번호를 SHA-256으로 암호화 하여 복호화가 힘들게 하였으나 빅데이터로 인하여 간단한 조합으로 만들어진 비밀번호는 복호화가 가능합니다. 최근 많은 웹페이지 회원가입에 영문자 뿐만이 아닌 숫자나 특수문자를 추가하라는 문구를 많이 보셨을 겁니다. 간단하게 만든 비밀번호는 복호화로 원래 비밀번호가 무엇인지 파악 가능하며 매크로 프로그램을 통해 암호가 유출될 수 있습니다. 개인정보 유출을 막기위하여 회원가입에 필수적으로 input Tag에 숫자와 특수문자를 추가하도록 만들어 보겠습니다. 2. 설정방법 이전에 jquery를 이용하여 유효성 검사에 추가하여 만들어 보았습니다. 이번에 설정하시면서 jquery validate 검사 방법까지 .. 2018. 3. 22.
[HTML + CSS] DIV 태그 1:3:1 분할 #container { display: flex; } #box-left { background: red; flex: 1; } #box-center { background: orange; flex: 3; text-align: center; } #box-right { background: yellow; flex: 1; text-align: right; } 왼쪽 가운데 오른쪽 flex라는게 안드로이드의 weight랑 같은 기능이네요 출처 : http://zetawiki.com/wiki/HTML_div_3%EA%B0%9C_%EC%99%BC%EC%AA%BD-%EA%B0%80%EC%9A%B4%EB%8D%B0-%EC%98%A4%EB%A5%B8%EC%AA%BD_%EB%B0%B0%EC%97%B4 2018. 1. 25.
[HTML + CSS]link 태그 css 반영 안될 경우 저는 Spring framework 에서 Web을 개발중인데 jsp 파일에 css 파일을 link 하고 css를 수정하였는데 was에서 수정하지 않고 이전 화면만 띄워주니.. 답이 없었습니다. 수정하고 테스트했는데 바뀌지도않고 다시 수정하고 지우고 반복하다가 결국 꼬여서 삽질을 하게 만들었죠. WAS에서 동기화처리를 늦게 반영하는 것 같습니다.(서버를 다시시작했는데도 그러니 짜증) 이럴 경우 link된 css파일을 다음과 같이 수정해줍니다. css link 태그를 다음과 같이 수정해 줍니다. 이후에 서버재시작 이후 테스트해보세요. 2018. 1. 25.