영어지만, 조금 더 상세하게 마크다운 사용법을 안내하고 있는
"Markdown Guide (https://www.markdownguide.org/)" 를 보시는 것을 추천합니다. ^^
아, 그리고 마크다운만으로 표현이 부족하다고 느끼신다면, HTML 태그를 활용하시는 것도 좋습니다.
.container.show-guide.guide-10 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko"> | |
<head> | |
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> | |
<title>Document</title> | |
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" charset="utf-8"></script> | |
<script type="text/javascript"> | |
<!-- // | |
$(function(){ | |
$('input[type="submit"]:eq(0)').on('click', function(event){ |
// ---- | |
// Sass (v3.4.14) | |
// Compass (v1.0.3) | |
// Susy (v2.2.5) | |
// ---- | |
@import "susy"; | |
/** | |
* placeholder w/media query 예제 |
(function(global, y9){ | |
'use strict'; | |
// scrollFollow 객체 정의 | |
var scrollFollow = { | |
/** | |
* 초기 설정(Initialization) 메소드 | |
* yamoo9.scrollFollow.init( | |
* [문자] el : 적용대상 요소 선택자, | |
* [숫자] start_pos : 시작 위치, |
(function(global, y9){ | |
'use strict'; | |
// scrollFollow 객체 정의 | |
var scrollFollow = { | |
/** | |
* 초기 설정(Initialization) 메소드 | |
* yamoo9.scrollFollow.init( | |
* [문자] el : 적용대상 요소 선택자, | |
* [숫자] start_pos : 시작 위치, |
{ | |
// "disable_tab_abbreviations_for_scopes": "source.scss", | |
"css_completions_scope": "source.css - meta.selector.css - meta.property-value.css, source.scss - meta.selector.scss - meta.property-value.scss, source.sass - meta.selector.sass - meta.property-value.sass", | |
"variables": { | |
"lang": "ko", | |
"locale": "ko-KR" | |
}, |
영어지만, 조금 더 상세하게 마크다운 사용법을 안내하고 있는
"Markdown Guide (https://www.markdownguide.org/)" 를 보시는 것을 추천합니다. ^^
아, 그리고 마크다운만으로 표현이 부족하다고 느끼신다면, HTML 태그를 활용하시는 것도 좋습니다.
<!DOCTYPE html> | |
<html lang="ko-KR"> | |
<head> | |
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> | |
<meta charset="UTF-8"> | |
<title>XP, IE10 미만 브라우저 접근 금지</title> | |
<script> | |
(function(){ | |
var OSV = navigator.appVersion, | |
OSName="Unknown OS"; |
<!DOCTYPE html> | |
<html lang="ko-KR"> | |
<head> | |
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> | |
<meta charset="UTF-8"> | |
<title>Float Design</title> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> | |
<style> | |
.fl { float: left; } | |
.fr { float: right; } |
$small-desktop: 960px; | |
$large-desktop: 1200px; | |
$handheld: 768px; | |
$handhelds-landscape: 1024px; | |
$mobile: 640px; | |
$mobile-landscape: 480px; | |
@mixin respond-to($media) { | |
@if $media == largeDesktop { | |
@media only screen and (min-width: $large-desktop) { @content } |