코드 231

블럭요소 안에서의 이미지 세로정렬

마크업 스타일 div{width: 100px; height: 100px; line-height: 100px;}img{vertical-align: middle;} 요 두가지 스타일 필요 내 경우는 div 가 각 리스트(li)요소안에 있어서샵리스트를 쭉 나열하는 상황이었다.샵로고의 크기가 각각 다르기 때문에 div 안에서의 이미지가 가로 세로 정렬이 필요한 상황.백그라운드 이미지를 깔고, width, height를 백그라운드 넓이,높이만큼 고정.그다음 line-height 를 div 높이와 동일하게 부여.img 에 vertical-align : middle ; 일단 문제 해결. ie9 이하버전에는 지원하지 않는다는 말이 있음.무시함.파폭, 크롬, 오페라, ie9 이상 버전 테스트에 문제없음.어차피 모바일코딩..

코드/Html & CSS 2012.10.25

-webkit-text-size-adjust

페이지가 렌더링 될때 모바일 브라우져는 텍스트 Block의 width에 맞춰 텍스트의 크기를 자동으로 조절한다. -webkit-text-size-adjust를 이용해 텍스트의 크기를 고정하거나 원하는 대로 조절할 수 있다. -webkit-text-size-adjust는 3가지 속성을 가지고 있다. 1. auto body{-webkit-text-size-adjust:auto} 아무것도 지정하지 않았을때 기본값이 된다. 화면의 폭에 맞추어서 텍스트의 크기를 자동으로 조절한다. 2. none body{-webkit-text-size-adjust:none} 폰트의 자동크기변환을 막는다. 일반적으로 none으로 설정한다. 3. n% body{-webkit-text-size-adjust:120%} 폰트크기를 지정된..

코드/Html & CSS 2012.08.21

font : 텍스트 형식화 속기법

여러 종류의 텍스트 프로퍼티를 차례로 일일이 작성한다는 것은 피곤한 일이다. 다행히 css 에는 font 라는 약식 프로퍼티가 존재하는데,이것을 사용하면 다음의 프로퍼티를 한줄에 통합해서 작성할 수 있다. font-style, font-variant, font-weight, font-size, line-height, font-family. 예를 들어font:italic bold small-caps 18px/150% Arial, Helvetica, sans-serif; 라고 하면줄간격이 150% 인 볼드 이탤릭체 소문자 18px Arial(또는 Helvetica나 sans-serif)의 텍스트로 만든다.이러한 명령들을 기억하도록 하자. 이 프로퍼티에 모든 것을 포함할 필요는 없으나,font: 1.5em G..

코드/Html & CSS 2012.08.14

리터럴

리터럴 리터럴이란, 컴파일시 프로그램 내에 정의되어 있는 그대로 정확히 해석되어야 할 값을 의미한다. 이에 비해, 변수란 프로그램의 실행 중에 상황에 따라 다른 값들을 표현할 수 있으며, 상수는 프로그램 실행 중 늘 같은 값을 표현한다. 그러나 리터럴은 명칭이 아니라, 값 그 자체이다. 예를 들어 아래의 수식에서 "x"는 변수이며 "7"은 리터럴이다. x = 7 리터럴은 숫자 뿐 아니라, 문자 또는 문자열일 수 있다. 원래 리터럴이란 (수학에서의)상수와 유사합니다. 변할 수 없는 값 그 자체를 말하는 것이니까요. 하지만 우리가 일반적으로 프로그래밍에서 말하는 "상수"는 정확히 표현하자면 재할당이 불가능한 변수라고 해석해야 합니다. 예를들어 String name = "스쿨쥐";int age = 29; 여기..

Markup Language

Markup language, a notation used to annotate a document's content to give information regarding the structure of the text or instructions for how it is to be displayed 마크업 언어는 문서 컨텐츠의 텍스트 구조나 그것이 어떤식으로 디스플레이 되어야 할지에 대한 정보를 문서 컨텐츠에 부여하는 언어다. Mark : 어떤 것을 알리기 위한 표시를 하는것.어떤 것 : 브라우저 상의 모습표시 : 브라우저가 이해하는 언어.

Edit plus 자동들여쓰기 실행파일

자세한 인수 설정방법 [들여쓰기][코드들여쓰기][서버스크립트] [태그리스트1] [태그리스트2] [태그리스트3] ($CurSel) -------- ex) 2t% D D D $(CurSel) 들여쓰기 0~9까지의 숫자, 탭문자를 이용하고 싶으면 t를 사용 코드들여쓰기 0~9까지의 숫자, 탭문자를 이용하고 싶으면 t를 사용 코드 정렬을 안하려면 n을 사용한다 서버스크립트 서버스크립트 종류를 쓴다. 아무것도 적지 않으면 php로 설정 된다. ( '?'를 적는것과 같다) Jsp나 asp를 사용하려면 %를 쓴다. 태그리스트1 들여쓰기할 태그 리스트, D를 이용하면 기본 태그를 사용한다. 기본 목록은 tr,td,div,ol,ul,li 이다. 추가하고 싶다면, D뒤에 컴마(,)를 이용 추가하면 가능하다. D를 없애고 ..

Start CSS

CSS를 위한 HTML 인식 전환CSS를 최대한 제대로 활용하려면 어떻게 해야할까? 먼저 HTML 코드를 빈틈 없이 작성하여 체계적인 기반을 마련하여야 한다. 이번장에서는 보다 체계적으로 CSS를 적용할수 있도록 HTML 작성 방법에 대해 알아보겠다. 여러분이 운영하는 사이트 곳곳에 CSS를 사용해보자. HTML을 작성하기가 훨씬 쉬워질것이다. 더 이상 본연의 의도와는 달리 HTML을 디자인에 이용해 보려고 힘들어 할 필요는 없다. CSS가 여러분을 대신해서 그래픽 디자인 작업을 원하는 대로 완벽하게 해 줄것이다. 게다가 새롭게 작성하기도 한결 간단하다. CSS를 적용시키기 위한 뼈대로 작성한 HTML 페이지에는 코드 사용이 줄어들어 결국 타이핑만으로도 쉽게 작성할 수 있기 때문이다. 사이트 방문자들에게..

코드/Html & CSS 2012.01.02