반응형 FullStack/10. WeB17 CSS POSITION 위치를 결정하는 결정하는 속성입니다. static (기본위치) 기본적인 position 속성입니다, 따로 속성을 주지 않는다면 적용됩니다. 오른쪽에서 왼쪽, 위에서 아래로 배치 부모 안에서 위치될 때에는 부모를 기준으로 오른쪽에서 왼쪽, 위에서 아래로 배치 relative (상대위치) 태그의 top, left, right, bottom을 이용하여 위치 조절이 가능 태그의 안쪽 방향으로 준 스타일이 적용됨. relative의 경우 자신의 static 기준으로 움직임. { position: relative; top: 5px } top을 5px를 줄 경우, 위에서 아래로 5px 내려감. absolute absolute의 경우 static 속성을 가지고 있지 않은 부모 포지션을 기준으로 움직임, 만약 부모 태그.. 2019. 12. 22. [UI] handlebars.js [UI] handlebars.js[UI] handlebars.js 우연히 SNS를 살펴보고 있다가 VIEW를 어떤 것을 사용하는지? 에 대한 글 아래로 답글이 달린 것 중에 thymeleaf, handlebars.js, freemarker 등이 올라왔다.올해 확인하였을때는 backbon 뿐이었는데, 다양한 장점을 가진 UI Template Egene이 나타나고 있는듯하다. 그중 우선 handlebars를 우선 테스트 하였다. UI를 Javascript로 Front 단에서 처리하는 점이 마음에 들어서. 개인적으로 Front 코드를 Back 단에서 작성하는 점은 마음에 들지 않는다.아래 작성한 내용 http://jsfiddle.net/nakanara/sbyoymy1/2/ 1. handlebars 사용하기 h.. 2015. 7. 8. CSS !important !important 속성은 다중 선언된 스타일에 대해서 우선순위로 지정하는것입니다. CSS(Cascading Style Sheets)은 Cascading 폴포처럼 위에서 아래로 흘러내리는 스타일 정의입니다.CSS의 특징중 하나는 앞에 선언한 값을 대신할 부분을 뒷부분에서 사용하면 해당 요소가 덮어 써여져서 적용되는 점입니다. 하지만 !important 가 있을 경우 이중선언 된 스타일에 대해서는 무시되어집니다. 참고 http://jobdahan.net/index.php?mid=css2&document_srl=1225603 http://hornil.com/bbs/board.php?bo_table=comm_hp_note&wr_id=20 2012. 5. 8. CSS Media Type JavaScript UI 를 보다보니 css를 불러오는 구문에 media type이 지정되어 있었다.지금까지 잘 본적없는 부분이라서 확인해보니 다음과 같았다. allUsed for all media type devices (모든 종류의 장비)auralUsed for speech and sound synthesizers (목소리나 사운드에 대한 장비)brailleUsed for braille tactile feedback devices (점자 피드백 장비)embossedUsed for paged braille printers (페이지 점자 프린터)handheldUsed for small or handheld devices (소형 또는 휴대용 장비)printUsed for printers (프린터)proje.. 2012. 5. 8. 이전 1 2 3 4 5 다음 반응형