css 방법론

by hohoya33

HTML

<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>CSS 방법론</title>
		<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
		<meta name="author" content="Hakim El Hattab">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
		<link rel="stylesheet" href="css/reveal.css">
		<link rel="stylesheet" href="css/theme/league.css" id="theme">
		<!-- <link rel="stylesheet" href="css/theme/ember.css" id="theme"> -->
		<!-- Code syntax highlighting -->
		<!-- <link rel="stylesheet" href="lib/css/monokai_sublime.css"> -->
		<!-- <link rel="stylesheet" href="https://highlightjs.org/static/demo/styles/atom-one-dark.css"> -->
		<!-- <link rel="stylesheet" href="https://highlightjs.org/static/demo/styles/monokai-sublime.css"> -->
		<!--<link rel="stylesheet" href="https://highlightjs.org/static/demo/styles/monokai.css">       -->
		<link rel="stylesheet" href="https://highlightjs.org/static/demo/styles/monokai-sublime.css">">
		<link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css">
		<link rel='stylesheet' href='lib/font/devicons/devicons.css'>
		<style type="text/css">
		.reveal{font-size:24px}
		.txl{text-align:left;display:inline-block}
		.devicons-javascript{color:#f5de19}
		.devicons-html5{color:#e44f26}
		.devicons-css3{color:#1572b6}
		.devicons-npm{color:#a23332}
		.devicons-sass{color:#cd6799}

		div.ex_preview{margin:40px}
		div.ex_preview:hover{color:inherit;border:inherit}
		div.ex_preview .blackborder{display:inline-block;border:3px solid #000;padding:10px 20px;color:#fff;border-radius:10px}

		.bluebg{background-color:blue}
		.redbg{background-color:red}
		</style>
		<!-- Printing and PDF exports -->
		<script>
			var link = document.createElement( 'link'...