vertical-align 속성 (요소의 세로 맞춤 설정) vertical-align:baseline (기본값 입니다.) vertical-align:length (요소를 지정된 길이 만큼 올리거나 내리며 음수 값이 허용됩니다.) 사용예) vertical-align:50px (기준선에서 50px 위에 위치)테스트 입니다. 적용 vertical-align:-50px (기준선에서 50px 아래에 위치)테스트 입니다. 적용 vertical-align:% (line-height 기준 백분율로 요소를 올리거나 내리며 음수 값이 허용됩니다.) 사용예) vertical-align:50% (line-height 기준 50% 위에 위치)테스트 입니다. 적용 vertical-align:-50% (line-height 기준 ..

쿠쿠 작업장(home page)/css 2017. 12. 14. 15:15

지금은 이렇게만 하면 숫자만 받지만 저렇게 하게 됨 특정브라우저에서는 input 박스 안에 버튼 두개가 생성됨 위, 아래 숫자를 늘리고 줄이는 버튼....... 간단히 숫자외의 글자는 없애 버리는 팁 빨간색의 조건을 input 안에 넣게 되면 숫자만 입력 받음

쿠쿠 작업장(home page)/web 관련 2017. 4. 4. 13:44

물론 여러가지 방법이 있겠지만 안에 select를 넣어서javascript 또는 jqeury를 사용하는 방법두 있지만 서두 그냥 귀찮을때 써먹을수 있는 방법 하나 사이트명 위와같이 하게 되면 select 된값을 새창으로 열어준다.

쿠쿠 작업장(home page)/web 관련 2016. 11. 18. 14:19

:nth-child() 자식선택자 li:nth-child(1) {background:#000000}인경우 첫번째에 스타일을 먹여라 li:nth-child(odd) {background:#000000}인경우 홀수만...... li:nth-child(even) {background:#000000}인경우 짝수만...... li:nth-child(3n)인경우 3의 배수 li:nth-child(3n+a)인경우 a번째 부터 3의 배수 li:nth-child(-n+a)인경우 a번째 부터 그앞의 자식을 선택 :nth-last-child()nth-child 와 같은 형식이나 출발점을 위에서 부터가 아니라 아래에서 부터 계산해라...... 위에서 쓰는거와 같지만 아래는 특정요소를 지정하여 쓸수 있다. 위에는 부모요소내 모..

쿠쿠 작업장(home page)/css 2015. 12. 4. 14:49

Property Description color 텍스트 컬러 지정 direction 텍스트 쓰기 방향 지정 (예.direction: rtl;// 오른쪽 에서 왼쪽으로) letter-spacing 텍스트 사이간격 line-height 텍스트 줄 간견 text-align 텍스트 가로 정렬 text-decoration 텍스트 꾸미기 밑줄, 이탤릭 등 text-indent 텍스트 첫 문자 띄워쓰기 text-shadow 텍스트 그림자 text-transform 텍스트 회전 unicode-bidi 텍스트를 여러언어를 지원하기 위한 것 vertical-align 텍스트 세로 정렬 white-space 텍스트 공배처리 word-spacing 텍스트 단어사이 간격

쿠쿠 작업장(home page)/css 2015. 4. 18. 13:04

css3 box-sizing 브라우저 지원 익스플로러 8이상크롬 10.0 이상 4.0 -webkit-firefox 29.0 이상 2.0 -moz-safari 5.1 이상 3.1 -webkit-opera 9.5 이상 div1,div2 같은 경우 일반적인 css 사용 예시이다. .div1 { width: 300px; height: 100px; border: 1px solid blue; } .div2 { width: 300px; height: 100px; padding: 50px; border: 1px solid red; } 비교 사용예시 (width:300px; height:100px) 비교 사용예시 (width:300px; height:100px) 아래의 같은 경우 box-sizing 를 적용한 모습이다...

쿠쿠 작업장(home page)/css 2015. 4. 15. 15:25

ul li {list-style:none} ul li:before {content:counter(item, disc)""; color:#000000} ol li {list-style:none; counter-increment:item} ol li:before {content:counter(item)""; color:#000000}

쿠쿠 작업장(home page)/css 2015. 3. 3. 19:40

em 계산기 em 으로 코드 작성할때마다 머리 아픈데 자동 계산해 주는 사이트가 있어서 ㅡㅡ;; px, %, em을 계산해 주는 사이트 http://pxtoem.com/

쿠쿠 작업장(home page)/web 관련 2014. 11. 13. 13:36