에디터플러스에서 emmet 사용시 css 작성시 공백이 생겨서 사용을 잘 안했다.
예를 들어 pos:a → position: absolute;
속성 :(공백) 값
대신 젠코딩을 사용하면 아래와 같은 결과를 얻을 수 있어다.
pos:a → position:absolute
그래도 emmet 을 사용하고 싶어 emmet_epp.js 수정을 했다.
아래 경로로 들어가 라인 11110 을 수정하면 된다.
[경로]
C:\Users\사용자\AppData\Roaming\EditPlus 3\emmet_epp.js
라인 11110
prefs.define('css.valueSeparator', ': ', //원본
prefs.define('css.valueSeparator', ':', //수정
| color scheme designer (0) | 2011.12.11 |
|---|
IE 핵 (css hack)
IE6 핵(underscore hack)
div{_width:100px; _height:50px;} 속성 앞에 언더바(_)를 붙여준다.
IE6 핵(star hack)
*html div{width:100px; height:50px;} 선택자 앞에 *html를 붙여준다.
IE7 핵(star hack)
*div{width:100px; height:50px;} 선택자 앞에 별(*)를 붙여준다.
IE7 핵
*+html body div{width:100px; height:50px;}/* IE7, OPERA 적용 */
*:first-child+html div{width:100px; height:50px;}/* IE7 적용 */
선택자 앞에 *+html body 또는 *:first-child+html 을 붙이면 IE7 or Opera 에서 적용이 됩니다.
IE 6, 7 핵(dot hack)
div{.width:100px; .height:50px;}
프로퍼티의 가장 앞부분에 닷(.)를 붙이면 IE6, 7에서만 적용이 됩니다.
IE 7, 8, 9 핵(선택자 핵)
html>body div{width:100px; height:50px;}
셀렉트 앞에 html>body를 붙이면 IE7, 8, 9에서 적용이 됩니다.
IE8 핵
div{width:100px; height:50px\9;}
IE8 핵(속성 핵)
div{width:/*＼**/100px; height:/*＼**/50px;}
IE8 핵 (미디어쿼리 핵)
@media \0screen {
.box{width:800px;}
}
IE filter
| Property | Type | W3C Status |
| -ms-accelerator | Extension | |
| -ms-background-position-x | CSS3 | Working Draft |
| -ms-background-position-y | CSS3 | Working Draft |
| -ms-behavior | Extension | |
| -ms-block-progression | CSS3 | Editor's Draft |
| -ms-filter | Extension | |
| -ms-ime-mode | Extension | |
| -ms-layout-grid | CSS3 | Editor's Draft |
| -ms-layout-grid-char | CSS3 | Editor's Draft |
| -ms-layout-grid-line | CSS3 | Editor's Draft |
| -ms-layout-grid-mode | CSS3 | Editor's Draft |
| -ms-layout-grid-type | CSS3 | Editor's Draft |
| -ms-line-break | CSS3 | Working Draft |
| -ms-line-grid-mode | CSS3 | Editor's Draft |
| -ms-interpolation-mode | Extension | |
| -ms-overflow-x | CSS3 | Working Draft |
| -ms-overflow-y | CSS3 | Working Draft |
| -ms-scrollbar-3dlight-color | Extension | |
| -ms-scrollbar-arrow-color | Extension | |
| -ms-scrollbar-base-color | Extension | |
| -ms-scrollbar-darkshadow-color | Extension | |
| -ms-scrollbar-face-color | Extension | |
| -ms-scrollbar-highlight-color | Extension | |
| -ms-scrollbar-shadow-color | Extension | |
| -ms-scrollbar-track-color | Extension | |
| -ms-text-align-last | CSS3 | Working Draft |
| -ms-text-autospace | CSS3 | Working Draft |
| -ms-text-justify | CSS3 | Working Draft |
| -ms-text-kashida-space | CSS3 | Working Draft |
| -ms-text-overflow | CSS3 | Working Draft |
| -ms-text-underline-position | Extension | |
| -ms-word-break | CSS3 | Working Draft |
| -ms-word-wrap | CSS3 | Working Draft |
| -ms-writing-mode | CSS3 | Editor's Draft |
| -ms-zoom | Extension |
| IE Conditional Comments 필터링 (1) | 2011.12.14 |
|---|
모든 IE에서만 적용하려면
<!--[if IE]> <link rel="stylesheet" type="text/css" href="ie-only.css" /> <![endif]-->
<!--[if IE 6]> <link rel="stylesheet" type="text/css" href="ie6-only.css" /> <![endif]-->
<!--[if IE 7]> <link rel="stylesheet" type="text/css" href="ie7-only.css" /> <![endif]-->
<!--[if (gt IE 9)|!(IE)]> for higher than IE9 or non-IE <![endif]-->
기준 버전보다 낮은 버전에서만 적용
기준 버전보다 높은 버전에서만 적용
기타 다음과 같은 문구도 가능하다.
| IE 핵 (css hack)과 IE filter (6) | 2012.01.10 |
|---|
| [에디터] 에디터 emmet 사용시 css 공백제거 (2) | 2015.06.22 |
|---|