I LOVE EJ

-webkit-appearance: none;-moz-appearance: none;appearance: none; input 요소 표시로 폼요소의 디바이스 기반 스타일을 없앤다. none | text | radio | checkbox

http://cafe.naver.com/hacosa.cafe?iframe_url=/ArticleRead.nhn%3Fclubid=12566436%26page=1%26menuid=29%26boardtype=L%26articleid=54661%26referrerAllArticles=false

영역이 넘는 html 텍스트 css로 간단히 말줄임표로 줄이기!! 예를 들어 영역이 넘는 html 텍스트 css로 간단히 말줄임표로 줄이기!! 저렇게 코딩을 하고 말줄임까지 나오고 나머지는 ...으로 나오게 하기 위해서는 html 마크업을 마친 후 css로 넘어와서 .ellipsis {width:250px; // 이 부분은 디자인된 길이에 따라서 변경이 가능합니다.display:inline-block;text-overflow:ellipsis; //잘라지는 부분에 자동으로 ...을 넣어주는 속성입니다.overflow:hidden;white-space:nowrap;} 이렇게 지정을 해주시면 간단하게 해결하실 수 있습니다.[출처] 영역이 넘는 html 텍스트 css로 간단히 말줄임표로 줄이기|작성자 Smile

SEO가 중요시 되는 최근입니다.메타태그 활용하는 방법에 대해서 정리해볼까 합니다. 메타태그란하이퍼텍스트 생성 언어(HTML) 문서의 맨 위쪽에 위치하는 태크. HEAD 태그 사이 또는 뒤에 있어도 되지만, 반드시 BODY 태그 앞쪽에 위치해야 한다. 브라우저와 검색 엔진을 사용할 수 있도록 문서의 정보를 포함하고 있다 우선 가장 기본이 되는 메타 태그 최근에는 UTF-8 요것만 많이 써본 것 같습니다. 사이트의 정보를 검색봇에게 전달하는 메타태그

SEO(Search Engine Optimization)요즘 검색 엔진 최적화 방법 중에 하나인 메타(Meta Script) 다루기 대해 간략하게 알아보고자 합니다.검색 엔진을 마음대로 호출 할 수 있는 것은 그리 호락호락한 일은 아니며 메타를 활용하는 것이 정석은 또 아닙니다. 검색 엔진별로 검색 로직에 대한 가설이 워낙 많기 때문입니다. 메타를 다루는 것은 제목 그대로 검색 엔진에 홈페이지를 노출시킬 수 있는 방법 중 첫 걸음입니다. "검색엔진 씨, 우리가 홈페이지를 만들었으니 어서 방문해주세요."이것이 검색 엔진 최적화에서 Meta의 용도라고 할 수 있겠습니다. ※ Meta Element메타스크립트 종류를 전부 나열하기는 너무 방대하므로 검색 엔진에 관련된 대표적 항목만 보겠습니다. Meta Ele..

http://www.campaignmonitor.com/css/

하드코딩으로 레이아웃을 잡을 때 가장 큰 문제는 대체 이 애들을 어떻게 배치하냐입니다. 물론 제가 하는 이야기는 기본적으로 html과 css의 개념에 대해 아는 분들을 위한 겁니다. 드림위버로 테이블 코딩을 하다가 스스로 하드 코딩을 공부할 때 앞으로 제가 지금 설명할 개념에 대해 명확하게 설명해준 책이나 글은 거의 없더군요. 일단 당장 지금 당장 알아볼 속성에 대한 결말부터 말씀드리자면 display: block과 inline;입니다. 사진출처 : http://goo.gl/9g8XG 이게 뭘까요? display는 말 그대로 각 태그들이 눈에 보이는 속성이 무엇인지 가리키는 겁니다. 이 display 속성에 대해서 이해만 하고 있더라도 사실 대부분의 레이아웃은 쉬운 죽 먹기가 되는 겁니다. 코딩 초보나 ..

모든 이미지에 대해서 안 뜨게 하려면 위 부분을 안에 넣으면 된다. 특정 이미지에만 적용할려고 하면 다음과 같이 처리한다.